@platformscode/core 0.0.44 → 0.0.45
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/cjs/dga-avatar_20.cjs.entry.js +4 -4
- package/dist/cjs/dga-card-actions_4.cjs.entry.js +1 -1
- package/dist/cjs/dga-card-image.cjs.entry.js +1 -1
- package/dist/cjs/dga-card-title.cjs.entry.js +1 -1
- package/dist/cjs/dga-digital-signature.cjs.entry.js +1 -1
- package/dist/collection/components/dga-card-v2/dga-card.css +2 -2
- package/dist/collection/components/dga-digital-signature/dga-digital-signature.js +1 -1
- package/dist/collection/components/dga-file-upload/dga-file-upload.css +454 -3
- package/dist/collection/components/dga-file-upload/dga-file-upload.js +3 -3
- package/dist/components/dga-card-image.js +1 -1
- package/dist/components/dga-card-title.js +1 -1
- package/dist/components/dga-card-v2-usage.js +1 -1
- package/dist/components/dga-card-v2.js +1 -1
- package/dist/components/dga-digital-signature-usage.js +1 -1
- package/dist/components/dga-digital-signature.js +1 -1
- package/dist/components/dga-file-upload-usage.js +1 -1
- package/dist/components/dga-file-upload.js +1 -1
- package/dist/components/{p-hVW7SqWl.js → p-BYpwENjU.js} +1 -1
- package/dist/components/p-CxpvJIMm.js +139 -0
- package/dist/components/{p-BtBY4No5.js → p-DtEo51nl.js} +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/{p-4dfc2a92.entry.js → p-0e49092d.entry.js} +1 -1
- package/dist/core/{p-209e3e85.entry.js → p-3dd092cb.entry.js} +1 -1
- package/dist/core/p-53b34311.entry.js +1 -0
- package/dist/core/{p-20074a5c.entry.js → p-ed29ac91.entry.js} +1 -1
- package/dist/core/{p-df81dccf.entry.js → p-fced7fb5.entry.js} +1 -1
- package/dist/esm/dga-avatar_20.entry.js +4 -4
- package/dist/esm/dga-card-actions_4.entry.js +1 -1
- package/dist/esm/dga-card-image.entry.js +1 -1
- package/dist/esm/dga-card-title.entry.js +1 -1
- package/dist/esm/dga-digital-signature.entry.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-9qmPWkjh.js +0 -139
- package/dist/core/p-92d45e55.entry.js +0 -1
|
@@ -778,15 +778,15 @@ a:focus {
|
|
|
778
778
|
font: 500 18px/28px "IBMPlexSansArabic";
|
|
779
779
|
}
|
|
780
780
|
|
|
781
|
-
.text-md-medium {
|
|
781
|
+
.text-md-medium, .dga-btn--lg {
|
|
782
782
|
font: 500 16px/24px "IBMPlexSansArabic";
|
|
783
783
|
}
|
|
784
784
|
|
|
785
|
-
.text-sm-medium, .file-upload__file-name {
|
|
785
|
+
.text-sm-medium, .dga-btn--md, .file-upload__file-name {
|
|
786
786
|
font: 500 14px/20px "IBMPlexSansArabic";
|
|
787
787
|
}
|
|
788
788
|
|
|
789
|
-
.text-xs-medium {
|
|
789
|
+
.text-xs-medium, .dga-btn--sm {
|
|
790
790
|
font: 500 12px/18px "IBMPlexSansArabic";
|
|
791
791
|
}
|
|
792
792
|
|
|
@@ -2417,4 +2417,455 @@ a:focus {
|
|
|
2417
2417
|
}
|
|
2418
2418
|
.file-upload--disabled .file-upload__icon, .file-upload--disabled .file-upload__instructions, .file-upload--disabled .file-upload__formats {
|
|
2419
2419
|
color: var(--text-default-disabled);
|
|
2420
|
+
}
|
|
2421
|
+
|
|
2422
|
+
.dga-btn {
|
|
2423
|
+
-webkit-appearance: none;
|
|
2424
|
+
appearance: none;
|
|
2425
|
+
border-radius: var(--radius-sm);
|
|
2426
|
+
cursor: pointer;
|
|
2427
|
+
border: 0;
|
|
2428
|
+
outline: none;
|
|
2429
|
+
display: inline-flex;
|
|
2430
|
+
align-items: center;
|
|
2431
|
+
justify-content: center;
|
|
2432
|
+
gap: var(--buttons-lg-gap);
|
|
2433
|
+
box-sizing: border-box;
|
|
2434
|
+
overflow: hidden;
|
|
2435
|
+
}
|
|
2436
|
+
.dga-btn:focus-visible {
|
|
2437
|
+
outline: 2px solid var(--border-black);
|
|
2438
|
+
}
|
|
2439
|
+
.dga-btn-icon {
|
|
2440
|
+
display: flex;
|
|
2441
|
+
width: 24px;
|
|
2442
|
+
height: 24px;
|
|
2443
|
+
font-size: 24px;
|
|
2444
|
+
justify-content: center;
|
|
2445
|
+
align-items: center;
|
|
2446
|
+
}
|
|
2447
|
+
.dga-btn-label {
|
|
2448
|
+
display: inline-flex;
|
|
2449
|
+
line-height: normal;
|
|
2450
|
+
}
|
|
2451
|
+
.dga-btn--lg {
|
|
2452
|
+
height: 40px;
|
|
2453
|
+
padding-inline: var(--buttons-lg-padding);
|
|
2454
|
+
}
|
|
2455
|
+
.dga-btn--lg span.dga-btn-icon {
|
|
2456
|
+
width: 24px;
|
|
2457
|
+
height: 24px;
|
|
2458
|
+
font-size: 24px;
|
|
2459
|
+
}
|
|
2460
|
+
.dga-btn--md {
|
|
2461
|
+
height: 32px;
|
|
2462
|
+
padding-inline: var(--buttons-md-padding);
|
|
2463
|
+
}
|
|
2464
|
+
.dga-btn--md span.dga-btn-icon {
|
|
2465
|
+
width: 20px;
|
|
2466
|
+
height: 20px;
|
|
2467
|
+
font-size: 20px;
|
|
2468
|
+
}
|
|
2469
|
+
.dga-btn--sm {
|
|
2470
|
+
height: 24px;
|
|
2471
|
+
padding-inline: var(--buttons-sm-padding);
|
|
2472
|
+
}
|
|
2473
|
+
.dga-btn--sm span.dga-btn-icon {
|
|
2474
|
+
width: 16px;
|
|
2475
|
+
height: 16px;
|
|
2476
|
+
font-size: 16px;
|
|
2477
|
+
}
|
|
2478
|
+
.dga-btn--icon {
|
|
2479
|
+
padding: 0;
|
|
2480
|
+
display: flex;
|
|
2481
|
+
align-items: center;
|
|
2482
|
+
justify-content: center;
|
|
2483
|
+
}
|
|
2484
|
+
.dga-btn--icon.dga-btn--lg {
|
|
2485
|
+
width: 40px;
|
|
2486
|
+
height: 40px;
|
|
2487
|
+
font-size: 40px;
|
|
2488
|
+
}
|
|
2489
|
+
.dga-btn--icon-menu.dga-btn--lg {
|
|
2490
|
+
width: auto;
|
|
2491
|
+
padding-inline: var(--buttons-lg-padding);
|
|
2492
|
+
}
|
|
2493
|
+
.dga-btn--icon.dga-btn--md {
|
|
2494
|
+
width: 32px;
|
|
2495
|
+
height: 32px;
|
|
2496
|
+
font-size: 32px;
|
|
2497
|
+
}
|
|
2498
|
+
.dga-btn--icon-menu.dga-btn--md {
|
|
2499
|
+
width: auto;
|
|
2500
|
+
padding-inline: var(--buttons-md-padding);
|
|
2501
|
+
}
|
|
2502
|
+
.dga-btn--icon.dga-btn--sm {
|
|
2503
|
+
width: 24px;
|
|
2504
|
+
height: 24px;
|
|
2505
|
+
font-size: 24px;
|
|
2506
|
+
}
|
|
2507
|
+
.dga-btn--icon-menu.dga-btn--sm {
|
|
2508
|
+
width: auto;
|
|
2509
|
+
padding-inline: var(--buttons-sm-padding);
|
|
2510
|
+
}
|
|
2511
|
+
.dga-btn--primary-neutral {
|
|
2512
|
+
background-color: var(--button-background-black-default);
|
|
2513
|
+
color: var(--text-oncolor-primary);
|
|
2514
|
+
}
|
|
2515
|
+
.dga-btn--primary-neutral:hover {
|
|
2516
|
+
background-color: var(--button-background-black-hovered);
|
|
2517
|
+
}
|
|
2518
|
+
.dga-btn--primary-neutral:visited {
|
|
2519
|
+
background-color: var(--button-background-black-pressed);
|
|
2520
|
+
}
|
|
2521
|
+
.dga-btn--primary-neutral:active {
|
|
2522
|
+
background-color: var(--button-background-black-selected);
|
|
2523
|
+
outline: none;
|
|
2524
|
+
}
|
|
2525
|
+
.dga-btn--primary-neutral:active::after {
|
|
2526
|
+
display: none !important;
|
|
2527
|
+
}
|
|
2528
|
+
.dga-btn--primary-neutral:disabled, .dga-btn--primary-neutral[disabled] {
|
|
2529
|
+
background: var(--background-disabled);
|
|
2530
|
+
color: var(--text-default-disabled);
|
|
2531
|
+
}
|
|
2532
|
+
.dga-btn--primary-neutral--on-color {
|
|
2533
|
+
background-color: var(--button-background-oncolor-default);
|
|
2534
|
+
color: var(--text-default);
|
|
2535
|
+
}
|
|
2536
|
+
.dga-btn--primary-neutral--on-color:hover {
|
|
2537
|
+
background-color: var(--button-background-oncolor-hovered);
|
|
2538
|
+
}
|
|
2539
|
+
.dga-btn--primary-neutral--on-color:visited, .dga-btn--primary-neutral--on-color.selected {
|
|
2540
|
+
background-color: var(--button-background-oncolor-selected);
|
|
2541
|
+
}
|
|
2542
|
+
.dga-btn--primary-neutral--on-color:active {
|
|
2543
|
+
background-color: var(--button-background-oncolor-pressed);
|
|
2544
|
+
}
|
|
2545
|
+
.dga-btn--primary-neutral--on-color:disabled, .dga-btn--primary-neutral--on-color[disabled] {
|
|
2546
|
+
background-color: var(--button-background-disabled-on-color);
|
|
2547
|
+
color: var(--text-default-oncolor-disabled);
|
|
2548
|
+
}
|
|
2549
|
+
.dga-btn--primary-brand {
|
|
2550
|
+
background-color: var(--button-background-primary-default);
|
|
2551
|
+
color: var(--text-oncolor-primary);
|
|
2552
|
+
}
|
|
2553
|
+
.dga-btn--primary-brand:hover {
|
|
2554
|
+
background: var(--button-background-primary-hovered);
|
|
2555
|
+
}
|
|
2556
|
+
.dga-btn--primary-brand:visited {
|
|
2557
|
+
background: var(--button-background-primary-pressed);
|
|
2558
|
+
}
|
|
2559
|
+
.dga-btn--primary-brand:active {
|
|
2560
|
+
background: var(--button-background-primary-selected);
|
|
2561
|
+
outline: none;
|
|
2562
|
+
}
|
|
2563
|
+
.dga-btn--primary-brand:active::after {
|
|
2564
|
+
display: none !important;
|
|
2565
|
+
}
|
|
2566
|
+
.dga-btn--primary-brand:disabled, .dga-btn--primary-brand[disabled] {
|
|
2567
|
+
background: var(--background-disabled);
|
|
2568
|
+
color: var(--text-default-disabled);
|
|
2569
|
+
}
|
|
2570
|
+
.dga-btn--primary-brand--on-color {
|
|
2571
|
+
background-color: var(--button-background-oncolor-default);
|
|
2572
|
+
color: var(--text-default);
|
|
2573
|
+
}
|
|
2574
|
+
.dga-btn--primary-brand--on-color:hover {
|
|
2575
|
+
background-color: var(--button-background-oncolor-hovered);
|
|
2576
|
+
}
|
|
2577
|
+
.dga-btn--primary-brand--on-color:visited, .dga-btn--primary-brand--on-color.selected {
|
|
2578
|
+
background-color: var(--button-background-oncolor-pressed);
|
|
2579
|
+
}
|
|
2580
|
+
.dga-btn--primary-brand--on-color:active {
|
|
2581
|
+
background-color: var(--button-background-oncolor-pressed);
|
|
2582
|
+
}
|
|
2583
|
+
.dga-btn--primary-brand--on-color:disabled, .dga-btn--primary-brand--on-color[disabled] {
|
|
2584
|
+
background-color: var(--button-background-disabled-on-color);
|
|
2585
|
+
color: var(--text-default-oncolor-disabled);
|
|
2586
|
+
}
|
|
2587
|
+
.dga-btn--secondary {
|
|
2588
|
+
background-color: var(--button-background-neutral-default);
|
|
2589
|
+
color: var(--colors-text-primary);
|
|
2590
|
+
}
|
|
2591
|
+
.dga-btn--secondary:hover {
|
|
2592
|
+
background: var(--button-background-neutral-default-hoverd);
|
|
2593
|
+
}
|
|
2594
|
+
.dga-btn--secondary:visited {
|
|
2595
|
+
background: var(--button-background-neutral-default-pressed);
|
|
2596
|
+
}
|
|
2597
|
+
.dga-btn--secondary:active {
|
|
2598
|
+
background: var(--button-background-neutral-default-selected);
|
|
2599
|
+
outline: none;
|
|
2600
|
+
}
|
|
2601
|
+
.dga-btn--secondary:disabled, .dga-btn--secondary[disabled] {
|
|
2602
|
+
background: var(--background-disabled);
|
|
2603
|
+
color: var(--text-default-disabled);
|
|
2604
|
+
}
|
|
2605
|
+
.dga-btn--secondary--on-color {
|
|
2606
|
+
background-color: var(--button-background-transparent-hovered);
|
|
2607
|
+
color: var(--text-oncolor-primary);
|
|
2608
|
+
}
|
|
2609
|
+
.dga-btn--secondary--on-color:hover {
|
|
2610
|
+
background-color: var(--button-background-transparent-hovered);
|
|
2611
|
+
}
|
|
2612
|
+
.dga-btn--secondary--on-color:visited, .dga-btn--secondary--on-color.selected {
|
|
2613
|
+
background-color: var(--Button-button-background-transparent-selected);
|
|
2614
|
+
}
|
|
2615
|
+
.dga-btn--secondary--on-color:active {
|
|
2616
|
+
background-color: var(--Button-button-background-transparent-pressed);
|
|
2617
|
+
color: var(--text-oncolor-primary);
|
|
2618
|
+
}
|
|
2619
|
+
.dga-btn--secondary--on-color:disabled, .dga-btn--secondary--on-color[disabled] {
|
|
2620
|
+
background-color: var(--button-background-disabled-on-color);
|
|
2621
|
+
color: var(--text-default-oncolor-disabled);
|
|
2622
|
+
}
|
|
2623
|
+
.dga-btn--secondary-outline {
|
|
2624
|
+
outline: 1px solid var(--border-neutral-secondary);
|
|
2625
|
+
background-color: transparent;
|
|
2626
|
+
color: var(--text-default);
|
|
2627
|
+
mix-blend-mode: multiply;
|
|
2628
|
+
}
|
|
2629
|
+
.dga-btn--secondary-outline:hover {
|
|
2630
|
+
background: var(--button-background-neutral-default);
|
|
2631
|
+
}
|
|
2632
|
+
.dga-btn--secondary-outline:visited {
|
|
2633
|
+
background: var(--button-background-neutral-pressed);
|
|
2634
|
+
outline: 1px solid var(--border-neutral-primary);
|
|
2635
|
+
}
|
|
2636
|
+
.dga-btn--secondary-outline:active {
|
|
2637
|
+
background: var(--button-background-neutral-selected);
|
|
2638
|
+
outline: 1px solid var(--border-neutral-primary);
|
|
2639
|
+
}
|
|
2640
|
+
.dga-btn--secondary-outline:disabled, .dga-btn--secondary-outline[disabled] {
|
|
2641
|
+
background: transparent;
|
|
2642
|
+
color: var(--text-default-disabled);
|
|
2643
|
+
border: 1px solid var(--border-neutral-secondary);
|
|
2644
|
+
}
|
|
2645
|
+
.dga-btn--secondary-outline--on-color {
|
|
2646
|
+
outline-color: var(--border-white-40);
|
|
2647
|
+
color: var(--text-oncolor-primary);
|
|
2648
|
+
mix-blend-mode: normal;
|
|
2649
|
+
}
|
|
2650
|
+
.dga-btn--secondary-outline--on-color:hover {
|
|
2651
|
+
background: var(--button-background-transparent-hovered);
|
|
2652
|
+
outline-color: var(--border-white-40);
|
|
2653
|
+
}
|
|
2654
|
+
.dga-btn--secondary-outline--on-color:visited, .dga-btn--secondary-outline--on-color.selected {
|
|
2655
|
+
background: var(--button-background-transparent-hovered);
|
|
2656
|
+
outline-color: var(--border-white-40);
|
|
2657
|
+
}
|
|
2658
|
+
.dga-btn--secondary-outline--on-color:active {
|
|
2659
|
+
background: var(--button-background-transparent-hovered);
|
|
2660
|
+
outline-color: var(--border-white-40);
|
|
2661
|
+
}
|
|
2662
|
+
.dga-btn--secondary-outline--on-color:disabled, .dga-btn--secondary-outline--on-color[disabled] {
|
|
2663
|
+
outline-color: 1px solid var(--icon-default-oncolor-disabled);
|
|
2664
|
+
color: var(--text-default-oncolor-disabled);
|
|
2665
|
+
}
|
|
2666
|
+
.dga-btn--subtle, .dga-btn--close, .dga-btn--sort {
|
|
2667
|
+
background-color: transparent;
|
|
2668
|
+
color: var(--colors-text-primary);
|
|
2669
|
+
mix-blend-mode: multiply;
|
|
2670
|
+
}
|
|
2671
|
+
.dga-btn--subtle:hover, .dga-btn--close:hover, .dga-btn--sort:hover {
|
|
2672
|
+
background: var(--button-background-neutral-default);
|
|
2673
|
+
}
|
|
2674
|
+
.dga-btn--subtle:visited, .dga-btn--close:visited, .dga-btn--sort:visited {
|
|
2675
|
+
background: var(--button-background-neutral-pressed);
|
|
2676
|
+
}
|
|
2677
|
+
.dga-btn--subtle:active, .dga-btn--close:active, .dga-btn--sort:active {
|
|
2678
|
+
background: var(--button-background-neutral-selected);
|
|
2679
|
+
outline: none;
|
|
2680
|
+
}
|
|
2681
|
+
.dga-btn--subtle:active::after, .dga-btn--close:active::after, .dga-btn--sort:active::after {
|
|
2682
|
+
display: none !important;
|
|
2683
|
+
}
|
|
2684
|
+
.dga-btn--subtle:disabled, .dga-btn--subtle[disabled], .dga-btn--close:disabled, .dga-btn--close[disabled], .dga-btn--sort:disabled, .dga-btn--sort[disabled] {
|
|
2685
|
+
background: transparent;
|
|
2686
|
+
color: var(--text-default-disabled);
|
|
2687
|
+
}
|
|
2688
|
+
.dga-btn--transparent {
|
|
2689
|
+
background-color: transparent;
|
|
2690
|
+
color: var(--text-default);
|
|
2691
|
+
}
|
|
2692
|
+
.dga-btn--transparent:hover {
|
|
2693
|
+
background: transparent;
|
|
2694
|
+
color: var(--button-background-primary-hovered);
|
|
2695
|
+
}
|
|
2696
|
+
.dga-btn--transparent:visited {
|
|
2697
|
+
color: var(--button-background-primary-pressed);
|
|
2698
|
+
}
|
|
2699
|
+
.dga-btn--transparent:active {
|
|
2700
|
+
color: var(--button-background-primary-selected);
|
|
2701
|
+
outline: none;
|
|
2702
|
+
}
|
|
2703
|
+
.dga-btn--transparent:active::after {
|
|
2704
|
+
display: none !important;
|
|
2705
|
+
}
|
|
2706
|
+
.dga-btn--transparent:disabled, .dga-btn--transparent[disabled] {
|
|
2707
|
+
background: transparent;
|
|
2708
|
+
color: var(--text-default-disabled);
|
|
2709
|
+
}
|
|
2710
|
+
.dga-btn--close {
|
|
2711
|
+
display: flex;
|
|
2712
|
+
width: 40px;
|
|
2713
|
+
height: 40px;
|
|
2714
|
+
padding: var(--spacing-md);
|
|
2715
|
+
justify-content: center;
|
|
2716
|
+
align-items: center;
|
|
2717
|
+
border-radius: var(--radius-sm);
|
|
2718
|
+
background-color: transparent;
|
|
2719
|
+
color: var(--icon-default);
|
|
2720
|
+
}
|
|
2721
|
+
.dga-btn--close:hover {
|
|
2722
|
+
background: var(--button-background-neutral-hovered);
|
|
2723
|
+
color: var(--icon-default);
|
|
2724
|
+
}
|
|
2725
|
+
.dga-btn--close:active {
|
|
2726
|
+
background-color: var(--button-background-neutral-pressed);
|
|
2727
|
+
}
|
|
2728
|
+
.dga-btn--des-primary {
|
|
2729
|
+
background-color: var(--button-background-danger-primary-default);
|
|
2730
|
+
color: var(--text-oncolor-primary);
|
|
2731
|
+
}
|
|
2732
|
+
.dga-btn--des-primary:hover {
|
|
2733
|
+
background: var(--button-background-danger-primary-hovered);
|
|
2734
|
+
}
|
|
2735
|
+
.dga-btn--des-primary:visited {
|
|
2736
|
+
background: var(--button-background-danger-primary-pressed);
|
|
2737
|
+
}
|
|
2738
|
+
.dga-btn--des-primary:active {
|
|
2739
|
+
background: var(--button-background-danger-primary-selected);
|
|
2740
|
+
outline: none;
|
|
2741
|
+
}
|
|
2742
|
+
.dga-btn--des-primary:active::after {
|
|
2743
|
+
display: none !important;
|
|
2744
|
+
}
|
|
2745
|
+
.dga-btn--des-primary:disabled, .dga-btn--des-primary[disabled] {
|
|
2746
|
+
background: var(--background-disabled);
|
|
2747
|
+
color: var(--text-default-disabled);
|
|
2748
|
+
}
|
|
2749
|
+
.dga-btn--des-secondary {
|
|
2750
|
+
background-color: var(--button-background-danger-secondary-default);
|
|
2751
|
+
color: var(--text-error);
|
|
2752
|
+
}
|
|
2753
|
+
.dga-btn--des-secondary:hover {
|
|
2754
|
+
background: var(--button-background-danger-secondary-hovered);
|
|
2755
|
+
}
|
|
2756
|
+
.dga-btn--des-secondary:visited {
|
|
2757
|
+
background: var(--button-background-danger-secondary-pressed);
|
|
2758
|
+
}
|
|
2759
|
+
.dga-btn--des-secondary:active {
|
|
2760
|
+
background: var(--button-background-danger-secondary-selected);
|
|
2761
|
+
outline: none;
|
|
2762
|
+
}
|
|
2763
|
+
.dga-btn--des-secondary:active::after {
|
|
2764
|
+
display: none !important;
|
|
2765
|
+
}
|
|
2766
|
+
.dga-btn--des-secondary:disabled, .dga-btn--des-secondary[disabled] {
|
|
2767
|
+
background: var(--background-disabled);
|
|
2768
|
+
color: var(--text-default-disabled);
|
|
2769
|
+
}
|
|
2770
|
+
.dga-btn--des-secondary-outline {
|
|
2771
|
+
outline: 1px solid var(--border-error-light);
|
|
2772
|
+
background-color: transparent;
|
|
2773
|
+
color: var(--text-error);
|
|
2774
|
+
mix-blend-mode: multiply;
|
|
2775
|
+
}
|
|
2776
|
+
.dga-btn--des-secondary-outline:hover {
|
|
2777
|
+
background: var(--button-background-danger-secondary-hovered);
|
|
2778
|
+
}
|
|
2779
|
+
.dga-btn--des-secondary-outline:visited {
|
|
2780
|
+
background: var(--button-background-danger-secondary-pressed);
|
|
2781
|
+
}
|
|
2782
|
+
.dga-btn--des-secondary-outline:active {
|
|
2783
|
+
background: var(--button-background-danger-secondary-selected);
|
|
2784
|
+
outline: 1px solid var(--border-error-light);
|
|
2785
|
+
}
|
|
2786
|
+
.dga-btn--des-secondary-outline:active::after {
|
|
2787
|
+
display: none !important;
|
|
2788
|
+
}
|
|
2789
|
+
.dga-btn--des-secondary-outline:disabled, .dga-btn--des-secondary-outline[disabled] {
|
|
2790
|
+
background: transparent;
|
|
2791
|
+
color: var(--text-default-disabled);
|
|
2792
|
+
outline: 1px solid var(--border-neutral-secondary);
|
|
2793
|
+
}
|
|
2794
|
+
.dga-btn--des-subtle {
|
|
2795
|
+
background-color: transparent;
|
|
2796
|
+
color: var(--text-error);
|
|
2797
|
+
}
|
|
2798
|
+
.dga-btn--des-subtle:hover {
|
|
2799
|
+
background: var(--button-background-danger-secondary-hovered);
|
|
2800
|
+
}
|
|
2801
|
+
.dga-btn--des-subtle:visited {
|
|
2802
|
+
background: var(--button-background-danger-secondary-pressed);
|
|
2803
|
+
}
|
|
2804
|
+
.dga-btn--des-subtle:active {
|
|
2805
|
+
background: var(--button-background-danger-secondary-selected);
|
|
2806
|
+
outline: none;
|
|
2807
|
+
}
|
|
2808
|
+
.dga-btn--des-subtle:active::after {
|
|
2809
|
+
display: none !important;
|
|
2810
|
+
}
|
|
2811
|
+
.dga-btn--des-subtle:disabled, .dga-btn--des-subtle[disabled] {
|
|
2812
|
+
background: transparent;
|
|
2813
|
+
color: var(--text-default-disabled);
|
|
2814
|
+
}
|
|
2815
|
+
.dga-btn--des-transparent {
|
|
2816
|
+
background-color: transparent;
|
|
2817
|
+
color: var(--button-background-danger-primary-default);
|
|
2818
|
+
}
|
|
2819
|
+
.dga-btn--des-transparent:hover {
|
|
2820
|
+
background: transparent;
|
|
2821
|
+
color: var(--button-background-danger-primary-hovered);
|
|
2822
|
+
}
|
|
2823
|
+
.dga-btn--des-transparent:visited {
|
|
2824
|
+
color: var(--button-background-danger-primary-pressed);
|
|
2825
|
+
}
|
|
2826
|
+
.dga-btn--des-transparent:active {
|
|
2827
|
+
color: var(--button-background-danger-primary-selected);
|
|
2828
|
+
outline: none;
|
|
2829
|
+
}
|
|
2830
|
+
.dga-btn--des-transparent:active::after {
|
|
2831
|
+
display: none !important;
|
|
2832
|
+
}
|
|
2833
|
+
.dga-btn--des-transparent:disabled, .dga-btn--des-transparent[disabled] {
|
|
2834
|
+
background: transparent;
|
|
2835
|
+
color: var(--text-default-disabled);
|
|
2836
|
+
}
|
|
2837
|
+
.dga-btn.dga-btn--subtle-on-color, .dga-btn.dga-btn--close-on-color {
|
|
2838
|
+
background-color: transparent;
|
|
2839
|
+
color: var(--text-oncolor-primary);
|
|
2840
|
+
}
|
|
2841
|
+
.dga-btn.dga-btn--subtle-on-color:hover, .dga-btn.dga-btn--close-on-color:hover {
|
|
2842
|
+
background-color: var(--button-background-transparent-hovered);
|
|
2843
|
+
}
|
|
2844
|
+
.dga-btn.dga-btn--subtle-on-color:visited, .dga-btn.dga-btn--subtle-on-color.selected, .dga-btn.dga-btn--close-on-color:visited, .dga-btn.dga-btn--close-on-color.selected {
|
|
2845
|
+
background-color: var(--button-background-transparent-selected);
|
|
2846
|
+
}
|
|
2847
|
+
.dga-btn.dga-btn--subtle-on-color:active, .dga-btn.dga-btn--close-on-color:active {
|
|
2848
|
+
color: var(--text-oncolor-primary);
|
|
2849
|
+
background-color: var(--button-background-transparent-pressed);
|
|
2850
|
+
}
|
|
2851
|
+
.dga-btn.dga-btn--subtle-on-color:disabled, .dga-btn.dga-btn--subtle-on-color[disabled], .dga-btn.dga-btn--close-on-color:disabled, .dga-btn.dga-btn--close-on-color[disabled] {
|
|
2852
|
+
background-color: transparent;
|
|
2853
|
+
color: var(--text-default-oncolor-disabled);
|
|
2854
|
+
}
|
|
2855
|
+
.dga-btn--transparent-on-color {
|
|
2856
|
+
background-color: transparent;
|
|
2857
|
+
color: var(--text-oncolor-primary);
|
|
2858
|
+
}
|
|
2859
|
+
.dga-btn--transparent-on-color:hover {
|
|
2860
|
+
color: var(--button-label-transparent-hovered-on-color);
|
|
2861
|
+
}
|
|
2862
|
+
.dga-btn--transparent-on-color:visited, .dga-btn--transparent-on-color.selected {
|
|
2863
|
+
color: var(--button-label-transparent-selected-on-color);
|
|
2864
|
+
}
|
|
2865
|
+
.dga-btn--transparent-on-color:active {
|
|
2866
|
+
color: var(--button-label-transparent-pressed-on-color);
|
|
2867
|
+
}
|
|
2868
|
+
.dga-btn--transparent-on-color:disabled, .dga-btn--transparent-on-color[disabled] {
|
|
2869
|
+
background-color: transparent;
|
|
2870
|
+
color: var(--text-default-oncolor-disabled);
|
|
2420
2871
|
}
|
|
@@ -74,12 +74,12 @@ export class DgaFileUpload {
|
|
|
74
74
|
}
|
|
75
75
|
renderFile(file, index) {
|
|
76
76
|
if (file.uploadStatus === 'error') {
|
|
77
|
-
return (h("div", { class: "file-upload__file-item--error" }, h("div", { class: "file-upload__file-item" }, h("span", { class: "file-upload__file-status file-upload__file-status--error" }, h("dga-icon", { name: "
|
|
77
|
+
return (h("div", { class: "file-upload__file-item--error" }, h("div", { class: "file-upload__file-item" }, h("span", { class: "file-upload__file-status file-upload__file-status--error" }, h("dga-icon", { name: "checkmark-circle-04", variant: "solid", size: 20 })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "dga-btn dga-btn--close dga-btn--icon dga-btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "dga-btn-icon" }, h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 16 })))), h("div", { class: "file-upload__file-item-msg" }, file.errorMessage ? file.errorMessage : 'Here goes the helper text.')));
|
|
78
78
|
}
|
|
79
|
-
return (h("div", { class: "file-upload__file-item" }, h("span", { class: `file-upload__file-status file-upload__file-status--${file.uploadStatus}` }, file.uploadStatus === 'uploading' && file.progress && h("dga-loading", { size: "tiny", variant: "neutral" }), file.uploadStatus === 'complete' && h("dga-icon", { name: "checkmark-circle-02", variant: "solid", size: 20 })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "btn btn--close btn--icon btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "btn-icon" }, h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 20 })))));
|
|
79
|
+
return (h("div", { class: "file-upload__file-item" }, h("span", { class: `file-upload__file-status file-upload__file-status--${file.uploadStatus}` }, file.uploadStatus === 'uploading' && file.progress && h("dga-loading", { size: "tiny", variant: "neutral" }), file.uploadStatus === 'complete' && h("dga-icon", { name: "checkmark-circle-02", variant: "solid", size: 20 })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "dga-btn dga-btn--close dga-btn--icon dga-btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "dga-btn-icon" }, h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 20 })))));
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
|
-
return (h("div", { key: '
|
|
82
|
+
return (h("div", { key: '438497434496293c6feeb678060365574f59b7a5', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: 'ac0ed83af1cfe56aae27f4d2200d021aa4a65e17', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: 'a91708c021305490bb61c9af0beff3e3a9b2e7da', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: '59857af47374c98acafbad6033e88005576409a8', class: "file-upload__icon" }, h("dga-icon", { key: '7f778b86c7a73c9982e3cd2cdf932a52eda3e55f', name: "file-upload", variant: "stroke", size: 24 })), h("div", { key: 'fdf9816ad59ae8278e5588bcb37355a9b8e3f42f', class: "file-upload__content" }, h("p", { key: '3bef0ef47e52823485b5153a2acbb8d4b2e99994', class: "file-upload__instructions" }, this.title), h("p", { key: '565899c627e1e5b5217dcbd2cda3716a2ffaaeb1', class: "file-upload__formats" }, this.fileTypesText)), h("dga-button-v2", { key: '2f827456109c80b61a80b08528698eb516c55f36', disabled: this.dragState || this.disabled, onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, variant: "secondary-solid", size: "md", label: this.actionName })), h("div", { key: '5b2e4cd0491ae6e53cc3323554eec5eeb6d8ec5b', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
|
|
83
83
|
}
|
|
84
84
|
static get is() { return "dga-file-upload"; }
|
|
85
85
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
|
|
2
2
|
|
|
3
|
-
const dgaCardCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.card{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--card-lg-gap);border-radius:var(--radius-lg);background:var(--background-card);border:2px solid var(--background-card);cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden}.card--with-shadow{box-shadow:0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)}.card--stroke{border:1px solid var(--border-neutral-primary)}.card__image-container{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-lg, 16px)}.card__image-container img{width:100%;height:auto;border-radius:inherit}.card__checkbox-container{position:absolute;top:16px;right:16px}.card__checkbox-container>.checkbox .checkbox-main{min-width:fit-content}.card>.badge--icon.badge--lg{width:48px;height:48px}.card__content-text{gap:8px}.card__action{width:100%;display:flex}.card__action--default{gap:12px}.card__action--expanded{justify-content:flex-end}.card__action--expanded .btn svg{width:24px;height:24px}.card.disabled{color:var(--text-default-disabled);background-color:transparent;border-color:transparent}.card.disabled::after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:var(--background-disabled);opacity:0.3}.card.disabled .card--stroke{border:1px solid var(--border-disabled)}.expand-button{margin-left:auto;transition:transform 0.3s}.expand-button[aria-expanded=true] .expand-icon{transform:rotate(180deg)}.collapse-content{display:none}.collapse-content.expanded{display:block}";
|
|
3
|
+
const dgaCardCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.card{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--card-lg-gap);border-radius:var(--radius-lg);background:var(--background-card);border:2px solid var(--background-card);cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden}.card--with-shadow{box-shadow:0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)}.card--stroke{border:1px solid var(--border-neutral-primary)}.card__image-container{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-lg, 16px)}.card__image-container img{width:100%;height:auto;border-radius:inherit}.card__checkbox-container{position:absolute;top:28px;right:28px}.card__checkbox-container>.checkbox .checkbox-main{min-width:fit-content}.card>.badge--icon.badge--lg{width:48px;height:48px}.card__content-text{gap:8px}.card__action{width:100%;display:flex}.card__action--default{gap:12px}.card__action--expanded{justify-content:flex-end}.card__action--expanded .btn svg{width:24px;height:24px}.card.disabled{color:var(--text-default-disabled);background-color:transparent;border-color:transparent}.card.disabled::after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:var(--background-disabled);opacity:0.3}.card.disabled .card--stroke{border:1px solid var(--border-disabled)}.expand-button{margin-left:auto;transition:transform 0.3s}.expand-button[aria-expanded=true] .expand-icon{transform:rotate(180deg)}.collapse-content{display:none}.collapse-content.expanded{display:block}";
|
|
4
4
|
|
|
5
5
|
const DgaCardImage$1 = /*@__PURE__*/ proxyCustomElement(class DgaCardImage extends H {
|
|
6
6
|
constructor() {
|