@florid-kit/components 0.9.27 → 0.9.28

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 (3) hide show
  1. package/index.js +6 -11
  2. package/index.mjs +6 -11
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -3026,17 +3026,17 @@
3026
3026
  header[part="header"] {
3027
3027
  position: relative;
3028
3028
  display: flex;
3029
- align-items: center;
3029
+ align-items: start;
3030
3030
  justify-content: center;
3031
- padding: 0;
3032
- height: var(--_header-height);
3031
+ padding: var(--spacing-xl) 0 0 0;
3032
+ height: 147px;
3033
3033
  width: 100%;
3034
3034
  background: linear-gradient(
3035
3035
  to bottom,
3036
- var(--popin-top-gradient-color, rgba(0, 0, 0, 0.5)),
3036
+ var(--popin-top-gradient-color, rgba(0, 0, 0, 1)) -168px,
3037
3037
  rgba(0, 0, 0, 0)
3038
3038
  );
3039
- z-index: 1;
3039
+ z-index: 2;
3040
3040
  }
3041
3041
 
3042
3042
  .brand {
@@ -3061,8 +3061,7 @@
3061
3061
 
3062
3062
  [part="close"] {
3063
3063
  position: absolute;
3064
- transform: translateY(-50%);
3065
- top: 50%;
3064
+ top: 16px;
3066
3065
  right: 36px;
3067
3066
  }
3068
3067
 
@@ -3070,10 +3069,6 @@
3070
3069
  [part="close"] {
3071
3070
  right: 8px;
3072
3071
  }
3073
-
3074
- header[part="header"]{
3075
- background: none;
3076
- }
3077
3072
  }
3078
3073
 
3079
3074
  .close {
package/index.mjs CHANGED
@@ -5429,17 +5429,17 @@ re.styles = v`
5429
5429
  header[part="header"] {
5430
5430
  position: relative;
5431
5431
  display: flex;
5432
- align-items: center;
5432
+ align-items: start;
5433
5433
  justify-content: center;
5434
- padding: 0;
5435
- height: var(--_header-height);
5434
+ padding: var(--spacing-xl) 0 0 0;
5435
+ height: 147px;
5436
5436
  width: 100%;
5437
5437
  background: linear-gradient(
5438
5438
  to bottom,
5439
- var(--popin-top-gradient-color, rgba(0, 0, 0, 0.5)),
5439
+ var(--popin-top-gradient-color, rgba(0, 0, 0, 1)) -168px,
5440
5440
  rgba(0, 0, 0, 0)
5441
5441
  );
5442
- z-index: 1;
5442
+ z-index: 2;
5443
5443
  }
5444
5444
 
5445
5445
  .brand {
@@ -5464,8 +5464,7 @@ re.styles = v`
5464
5464
 
5465
5465
  [part="close"] {
5466
5466
  position: absolute;
5467
- transform: translateY(-50%);
5468
- top: 50%;
5467
+ top: 16px;
5469
5468
  right: 36px;
5470
5469
  }
5471
5470
 
@@ -5473,10 +5472,6 @@ re.styles = v`
5473
5472
  [part="close"] {
5474
5473
  right: 8px;
5475
5474
  }
5476
-
5477
- header[part="header"]{
5478
- background: none;
5479
- }
5480
5475
  }
5481
5476
 
5482
5477
  .close {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.9.27",
3
+ "version": "0.9.28",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",