@knapsack/sandbox-components 4.67.3--canary.4456.c140a9e.0 → 4.67.3--canary.4456.f70ded8.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1380,6 +1380,16 @@ body {
1380
1380
  z-index: 10;
1381
1381
  }
1382
1382
 
1383
+ .logo {
1384
+ background-image: url('https://knapsack.imgix.net/site/ks-sandbox/logo-arcadia-4id5a3sy3ysvg');
1385
+ background-image: var(--brand-logo);
1386
+ width: 100%;
1387
+ height: 28px;
1388
+ background-repeat: no-repeat;
1389
+ background-position: center;
1390
+ background-size: contain;
1391
+ }
1392
+
1383
1393
  .header-content {
1384
1394
  display: flex;
1385
1395
  align-items: center;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@knapsack/sandbox-components",
3
3
  "description": "",
4
- "version": "4.67.3--canary.4456.c140a9e.0",
4
+ "version": "4.67.3--canary.4456.f70ded8.0",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  "./css": "./dist/css/ks-sandbox-styles.css",
@@ -37,11 +37,11 @@
37
37
  "vue": "^3.4.27"
38
38
  },
39
39
  "devDependencies": {
40
- "@knapsack/eslint-config-starter": "4.67.3--canary.4456.c140a9e.0",
41
- "@knapsack/postcss-config-starter": "4.67.3--canary.4456.c140a9e.0",
42
- "@knapsack/prettier-config": "4.67.3--canary.4456.c140a9e.0",
43
- "@knapsack/sandbox-tokens": "4.67.3--canary.4456.c140a9e.0",
44
- "@knapsack/typescript-config-starter": "4.67.3--canary.4456.c140a9e.0",
40
+ "@knapsack/eslint-config-starter": "4.67.3--canary.4456.f70ded8.0",
41
+ "@knapsack/postcss-config-starter": "4.67.3--canary.4456.f70ded8.0",
42
+ "@knapsack/prettier-config": "4.67.3--canary.4456.f70ded8.0",
43
+ "@knapsack/sandbox-tokens": "4.67.3--canary.4456.f70ded8.0",
44
+ "@knapsack/typescript-config-starter": "4.67.3--canary.4456.f70ded8.0",
45
45
  "@types/node": "^20.12.12",
46
46
  "@types/react": "^18.3.3",
47
47
  "eslint": "^8.57.0",
@@ -59,5 +59,5 @@
59
59
  "directory": "apps/ui/libs/sandbox-components",
60
60
  "type": "git"
61
61
  },
62
- "gitHead": "c140a9e038163d94e04cd46765dd63eddb29a23b"
62
+ "gitHead": "f70ded889a54ca0989d0601fd6fe58f2b428dddf"
63
63
  }
@@ -7,6 +7,15 @@
7
7
  z-index: 10;
8
8
  }
9
9
 
10
+ .logo {
11
+ background-image: var(--brand-logo);
12
+ width: 100%;
13
+ height: 28px;
14
+ background-repeat: no-repeat;
15
+ background-position: center;
16
+ background-size: contain;
17
+ }
18
+
10
19
  .header-content {
11
20
  display: flex;
12
21
  align-items: center;