@bi-digital/css 0.11.7 → 0.11.8

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 (4) hide show
  1. package/dist/components/logo.css +15 -22
  2. package/dist/components.css +15 -22
  3. package/dist/salesforce.css +15 -22
  4. package/package.json +2 -2
package/dist/components/logo.css CHANGED
@@ -1,5 +1,8 @@
1
1
  .bi-logo {
2
2
  --bic-logo-height: var(--bi-scale-12x);
3
+ --bic-logo-international-vertical: url("./assets/logos/international-vertical.svg");
4
+ --bic-logo-international: url("./assets/logos/international.svg");
5
+ --bic-logo-default: url("./assets/logos/default.svg");
3
6
  height: var(--bic-logo-height);
4
7
  aspect-ratio: 1;
5
8
  background-position: center;
@@ -9,6 +12,12 @@
9
12
  display: flex;
10
13
  }
11
14
 
15
+ .bi-logo[data-dark="true"] {
16
+ --bic-logo-international-vertical: url("./assets/logos/international-vertical-dark.svg");
17
+ --bic-logo-international: url("./assets/logos/international-dark.svg");
18
+ --bic-logo-default: url("./assets/logos/dark.svg");
19
+ }
20
+
12
21
  .bi-logo[data-size="xs"] {
13
22
  --bic-logo-height: var(--bi-scale-6x);
14
23
  }
@@ -34,33 +43,17 @@
34
43
  }
35
44
 
36
45
  @media (width >= 795px) {
37
- .bi-logo[data-dark="true"][data-international="true"][data-vertical="true"] {
46
+ .bi-logo[data-international="true"][data-vertical="true"] {
47
+ background-image: var(--bic-logo-international-vertical);
38
48
  aspect-ratio: .974318;
39
- background-image: url("./assets/logos/international-vertical-dark.svg");
40
49
  }
41
50
 
42
- .bi-logo[data-dark="true"][data-international="true"] {
51
+ .bi-logo[data-international="true"] {
52
+ background-image: var(--bic-logo-international);
43
53
  aspect-ratio: 2.8125;
44
- background-image: url("./assets/logos/international-dark.svg");
45
54
  }
46
55
  }
47
56
 
48
- .bi-logo[data-dark="true"] {
49
- background-image: url("./assets/logos/dark.svg");
50
- }
51
-
52
- @media (width >= 795px) {
53
- .bi-logo:not([data-dark="true"])[data-international="true"][data-vertical="true"] {
54
- aspect-ratio: .974318;
55
- background-image: url("./assets/logos/international-vertical.svg");
56
- }
57
-
58
- .bi-logo:not([data-dark="true"])[data-international="true"] {
59
- aspect-ratio: 2.8125;
60
- background-image: url("./assets/logos/international.svg");
61
- }
62
- }
63
-
64
- .bi-logo:not([data-dark="true"]) {
65
- background-image: url("./assets/logos/default.svg");
57
+ .bi-logo {
58
+ background-image: var(--bic-logo-default);
66
59
  }
package/dist/components.css CHANGED
@@ -2496,6 +2496,9 @@ svg[data-color="white"] {
2496
2496
 
2497
2497
  .bi-logo {
2498
2498
  --bic-logo-height: var(--bi-scale-12x);
2499
+ --bic-logo-international-vertical: url("./assets/logos/international-vertical.svg");
2500
+ --bic-logo-international: url("./assets/logos/international.svg");
2501
+ --bic-logo-default: url("./assets/logos/default.svg");
2499
2502
  height: var(--bic-logo-height);
2500
2503
  aspect-ratio: 1;
2501
2504
  background-position: center;
@@ -2505,6 +2508,12 @@ svg[data-color="white"] {
2505
2508
  display: flex;
2506
2509
  }
2507
2510
 
2511
+ .bi-logo[data-dark="true"] {
2512
+ --bic-logo-international-vertical: url("./assets/logos/international-vertical-dark.svg");
2513
+ --bic-logo-international: url("./assets/logos/international-dark.svg");
2514
+ --bic-logo-default: url("./assets/logos/dark.svg");
2515
+ }
2516
+
2508
2517
  .bi-logo[data-size="xs"] {
2509
2518
  --bic-logo-height: var(--bi-scale-6x);
2510
2519
  }
@@ -2530,35 +2539,19 @@ svg[data-color="white"] {
2530
2539
  }
2531
2540
 
2532
2541
  @media (width >= 795px) {
2533
- .bi-logo[data-dark="true"][data-international="true"][data-vertical="true"] {
2542
+ .bi-logo[data-international="true"][data-vertical="true"] {
2543
+ background-image: var(--bic-logo-international-vertical);
2534
2544
  aspect-ratio: .974318;
2535
- background-image: url("./assets/logos/international-vertical-dark.svg");
2536
2545
  }
2537
2546
 
2538
- .bi-logo[data-dark="true"][data-international="true"] {
2547
+ .bi-logo[data-international="true"] {
2548
+ background-image: var(--bic-logo-international);
2539
2549
  aspect-ratio: 2.8125;
2540
- background-image: url("./assets/logos/international-dark.svg");
2541
2550
  }
2542
2551
  }
2543
2552
 
2544
- .bi-logo[data-dark="true"] {
2545
- background-image: url("./assets/logos/dark.svg");
2546
- }
2547
-
2548
- @media (width >= 795px) {
2549
- .bi-logo:not([data-dark="true"])[data-international="true"][data-vertical="true"] {
2550
- aspect-ratio: .974318;
2551
- background-image: url("./assets/logos/international-vertical.svg");
2552
- }
2553
-
2554
- .bi-logo:not([data-dark="true"])[data-international="true"] {
2555
- aspect-ratio: 2.8125;
2556
- background-image: url("./assets/logos/international.svg");
2557
- }
2558
- }
2559
-
2560
- .bi-logo:not([data-dark="true"]) {
2561
- background-image: url("./assets/logos/default.svg");
2553
+ .bi-logo {
2554
+ background-image: var(--bic-logo-default);
2562
2555
  }
2563
2556
 
2564
2557
  @keyframes bi-navbar-transparent-reveal {
package/dist/salesforce.css CHANGED
@@ -2722,6 +2722,9 @@ svg[data-color="white"] {
2722
2722
 
2723
2723
  .bi-logo {
2724
2724
  --bic-logo-height: var(--bi-scale-12x);
2725
+ --bic-logo-international-vertical: url("./assets/logos/international-vertical.svg");
2726
+ --bic-logo-international: url("./assets/logos/international.svg");
2727
+ --bic-logo-default: url("./assets/logos/default.svg");
2725
2728
  height: var(--bic-logo-height);
2726
2729
  aspect-ratio: 1;
2727
2730
  background-position: center;
@@ -2731,6 +2734,12 @@ svg[data-color="white"] {
2731
2734
  display: flex;
2732
2735
  }
2733
2736
 
2737
+ .bi-logo[data-dark="true"] {
2738
+ --bic-logo-international-vertical: url("./assets/logos/international-vertical-dark.svg");
2739
+ --bic-logo-international: url("./assets/logos/international-dark.svg");
2740
+ --bic-logo-default: url("./assets/logos/dark.svg");
2741
+ }
2742
+
2734
2743
  .bi-logo[data-size="xs"] {
2735
2744
  --bic-logo-height: var(--bi-scale-6x);
2736
2745
  }
@@ -2756,35 +2765,19 @@ svg[data-color="white"] {
2756
2765
  }
2757
2766
 
2758
2767
  @media (width >= 795px) {
2759
- .bi-logo[data-dark="true"][data-international="true"][data-vertical="true"] {
2768
+ .bi-logo[data-international="true"][data-vertical="true"] {
2769
+ background-image: var(--bic-logo-international-vertical);
2760
2770
  aspect-ratio: .974318;
2761
- background-image: url("./assets/logos/international-vertical-dark.svg");
2762
2771
  }
2763
2772
 
2764
- .bi-logo[data-dark="true"][data-international="true"] {
2773
+ .bi-logo[data-international="true"] {
2774
+ background-image: var(--bic-logo-international);
2765
2775
  aspect-ratio: 2.8125;
2766
- background-image: url("./assets/logos/international-dark.svg");
2767
2776
  }
2768
2777
  }
2769
2778
 
2770
- .bi-logo[data-dark="true"] {
2771
- background-image: url("./assets/logos/dark.svg");
2772
- }
2773
-
2774
- @media (width >= 795px) {
2775
- .bi-logo:not([data-dark="true"])[data-international="true"][data-vertical="true"] {
2776
- aspect-ratio: .974318;
2777
- background-image: url("./assets/logos/international-vertical.svg");
2778
- }
2779
-
2780
- .bi-logo:not([data-dark="true"])[data-international="true"] {
2781
- aspect-ratio: 2.8125;
2782
- background-image: url("./assets/logos/international.svg");
2783
- }
2784
- }
2785
-
2786
- .bi-logo:not([data-dark="true"]) {
2787
- background-image: url("./assets/logos/default.svg");
2779
+ .bi-logo {
2780
+ background-image: var(--bic-logo-default);
2788
2781
  }
2789
2782
 
2790
2783
  @keyframes bi-navbar-transparent-reveal {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
3
  "type": "module",
4
- "version": "0.11.7",
4
+ "version": "0.11.8",
5
5
  "description": "CSS for the BI Design System",
6
6
  "author": "BI Digital",
7
7
  "homepage": "https://designsystem.bi.no/",
@@ -30,7 +30,7 @@
30
30
  "browserslist": "^4.28.1",
31
31
  "lightningcss": "^1.32.0",
32
32
  "modern-normalize": "^3.0.1",
33
- "@bi-digital/tokens": "0.11.7"
33
+ "@bi-digital/tokens": "0.11.8"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "node config.js",