@florid-kit/components 2.1.1 → 2.1.3

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 +4 -0
  2. package/index.mjs +4 -0
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -4410,6 +4410,7 @@
4410
4410
  border-bottom: var(--border-s, 0.5px) solid
4411
4411
  var(--color-border-tertiary, #c3bdbe);
4412
4412
  background: var(--color-container-bg-white, #fffefe);
4413
+ border-radius: var(--radius-m, 4px);
4413
4414
 
4414
4415
  @media (max-width: 767px) {
4415
4416
  padding: var(--spacing-2-xs, 4px);
@@ -4426,10 +4427,13 @@
4426
4427
  position: sticky;
4427
4428
  top: var(--header-simplify-sticky-top, 0);
4428
4429
  z-index: var(--header-simplify-sticky-z-index, 98);
4430
+ margin: auto;
4431
+ transition: top 0.2s ease, width 0.2s ease;
4429
4432
  }
4430
4433
 
4431
4434
  .o-header-simplify.is-sticky.is-scrolled {
4432
4435
  top: var(--header-simplify-sticky-top-scrolled, 10px);
4436
+ width: calc(100% - var(--header-simplify-sticky-padding, 8px));
4433
4437
  }
4434
4438
 
4435
4439
  .o-header-simplify-container {
package/index.mjs CHANGED
@@ -7408,6 +7408,7 @@ k.styles = C`
7408
7408
  border-bottom: var(--border-s, 0.5px) solid
7409
7409
  var(--color-border-tertiary, #c3bdbe);
7410
7410
  background: var(--color-container-bg-white, #fffefe);
7411
+ border-radius: var(--radius-m, 4px);
7411
7412
 
7412
7413
  @media (max-width: 767px) {
7413
7414
  padding: var(--spacing-2-xs, 4px);
@@ -7424,10 +7425,13 @@ k.styles = C`
7424
7425
  position: sticky;
7425
7426
  top: var(--header-simplify-sticky-top, 0);
7426
7427
  z-index: var(--header-simplify-sticky-z-index, 98);
7428
+ margin: auto;
7429
+ transition: top 0.2s ease, width 0.2s ease;
7427
7430
  }
7428
7431
 
7429
7432
  .o-header-simplify.is-sticky.is-scrolled {
7430
7433
  top: var(--header-simplify-sticky-top-scrolled, 10px);
7434
+ width: calc(100% - var(--header-simplify-sticky-padding, 8px));
7431
7435
  }
7432
7436
 
7433
7437
  .o-header-simplify-container {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "2.1.1",
3
+ "version": "2.1.3",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",