@castlabs/ui 7.19.2 → 7.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "7.19.2",
+  "version": "7.20.1",
   "repository": "https://github.com/castlabs/ui-styleguide",
   "private": false,
   "description": "A vanilla HTML/CS/JS & Vue.js component library for Castlabs.",

package/src/components/form/ClFieldInput/style.scss

@@ -65,7 +65,10 @@
   [type='date'],
   [type='time'],
   [type='datetime-local'] {
-    padding-block: calc(($form-field-min-height - $form-field-fontsize * $form-field-line-height) / 2 - #{$brand-line-width}); // vertical centering on iOS
+    // vertical centering on iOS
+
+    padding-block: ($form-field-min-height - $form-field-fontsize * $form-field-line-height) * 0.5 -
+      0.0625rem;
 
     &::-webkit-datetime-edit-fields-wrapper {
       padding: 0;

package/src/components/navigation/ClNavSide/ClNavDrawer/style.scss

@@ -487,8 +487,7 @@ $sidenav-color-text-minor: var(--cl-color-text-faded);
   }
 }
 
-.cl-nav-item-lock,
-.cl-nav-item-locked,
+.cl-nav-item-lock, // deprecated
 .cl-nav-item-disabled {
   span:first-of-type::after {
     @include cl-fontawesome('\f023');
@@ -499,7 +498,6 @@ $sidenav-color-text-minor: var(--cl-color-text-faded);
   }
 }
 
-.cl-nav-item-locked, // legacy class
 .cl-nav-item-disabled {
   opacity: 0.5;
 

package/src/styles/layout/grid.scss

@@ -71,6 +71,13 @@
   max-width: 848px;
 }
 
+// sections with fluid content width use full browser width
+.cl-section-fluid > .container {
+  max-width: 100% !important;
+  padding-left: 0;
+  padding-right: 0;
+}
+
 // -----------------------------------------------------------------------------
 
 section {

package/src/styles/layout/meta.scss

@@ -1,3 +1,3 @@
 :root {
-  #{'--cl-version'}: 'v7.19.2';
+  #{'--cl-version'}: 'v7.20.1';
 }

package/types/index.d.ts

@@ -146,6 +146,7 @@ export function clRefClField (ref: unknown): typeof ClField
 export function clRefClFieldGroup (ref: unknown): typeof ClFieldGroup
 export function clRefFocus (ref: unknown): void
 export function clRefHTMLElement (ref: unknown): HTMLElement
+export function clBackOrGoto (router: unknown, routeName: string): void
 
 // --- utils/vitest ------------------------------------------------------------
 
@@ -245,7 +246,6 @@ type ClSidenavEntry = {
   subtitle: string | undefined
   badge: string | undefined
   url: string | undefined
-  locked: boolean
   disabled: boolean
 }
 
@@ -283,7 +283,6 @@ type CsNavEntry = {
   title: string
   subtitle: string
   url: string
-  locked: boolean,
   disabled: boolean,
   badge: string | undefined
 }