@castlabs/ui 8.1.1 → 8.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "8.1.1",
+  "version": "8.3.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/castlabs/ui-styleguide.git"
@@ -46,19 +46,19 @@
   },
   "devDependencies": {
     "@castlabs/ui-editor": "file:../castlabs-ui-editor",
-    "@tsconfig/node24": "24.0.4",
-    "@types/jsdom": "28.0.3",
-    "@types/node": "26.1.2",
+    "@tsconfig/node24": "24.0.5",
+    "@types/jsdom": "30.0.0",
+    "@types/node": "26.2.0",
     "@vitejs/plugin-vue": "6.0.8",
-    "@vitest/eslint-plugin": "1.6.26",
+    "@vitest/eslint-plugin": "1.6.27",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.9.0",
     "@vue/test-utils": "2.4.11",
     "@vue/tsconfig": "0.9.1",
-    "core-js": "3.49.0",
+    "core-js": "3.50.0",
     "dree": "5.1.5",
-    "eslint": "10.8.0",
-    "eslint-plugin-n": "18.2.2",
+    "eslint": "10.8.1",
+    "eslint-plugin-n": "18.3.0",
     "eslint-plugin-promise": "^7.3.0",
     "eslint-plugin-vue": "10.10.0",
     "gulp": "5.0.1",
@@ -74,11 +74,11 @@
     "stylelint-order": "8.1.1",
     "stylelint-scss": "7.2.0",
     "typescript": "6.0.3",
-    "vite": "8.2.0",
+    "vite": "8.2.1",
     "vitest": "4.1.10",
     "vue": "3.5.41",
     "vue-eslint-parser": "10.4.1",
-    "vue-tsc": "3.3.9"
+    "vue-tsc": "3.3.10"
   },
   "overrides": {
     "glob": "^13"

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

@@ -89,6 +89,10 @@
       }
     }
 
+    > .input-group-text {
+      line-height: 1.75em;
+    }
+
     &:not(.cl-no-wrap) {
       @include media-breakpoint-up(sm) {
         > .form-control,

package/src/styles/abstracts/typography.scss

@@ -24,6 +24,7 @@
 
 $typography-sans-font-list:
   'NonNaturalGroteskInktrap',
+  'Noto Sans CL',
   arial,
   -apple-system,
   blinkmacsystemfont,
@@ -38,7 +39,8 @@ $typography-sans-font-list:
 $typography-sans-line-height: 1.4;
 
 $typography-monospace-font-list:
-  'DM Mono', sfmono-regular, menlo, monaco, consolas, 'Liberation Mono', 'Courier New', monospace;
+  'DM Mono', 'Noto Sans Mono CL', sfmono-regular, menlo, monaco, consolas, 'Liberation Mono',
+  'Courier New', monospace;
 $typography-monospace-line-height: 1.375;
 
 // --- helpers -----------------------------------------------------------------
@@ -273,7 +275,7 @@ $typography-responsive-scale: 0.8;
     400,
     px($font-size),
     px(25),
-    0,
+    0.125,
     100%,
     -0.1em
   );
@@ -311,7 +313,7 @@ $typography-responsive-scale: 0.8;
     400,
     px(14),
     px(14 * $typography-sans-line-height),
-    0.01em,
+    0.25,
     100%,
     -0.1em
   );
@@ -321,6 +323,11 @@ $typography-responsive-scale: 0.8;
     font-weight: 700;
   }
 
+  code,
+  pre {
+    font-size: 1em;
+  }
+
   .cl-btn-a {
     @include cl-btn-a(21);
   }

package/src/styles/fonts/NotDef/index.scss

@@ -0,0 +1,55 @@
+// stylelint-disable at-rule-descriptor-value-no-unknown
+
+$cl-url-prefix: '' !default;
+$cl-url-postfix: '' !default;
+
+@mixin NotDef {
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 100;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('woff2');
+  }
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 200;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('woff2');
+  }
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 300;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('woff2');
+  }
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 400;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('woff2');
+  }
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 500;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('woff2');
+  }
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 600;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('woff2');
+  }
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 700;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('otf');
+  }
+  @font-face {
+    font-family: NotDef;
+    font-style: normal;
+    font-weight: 800;
+    src: url('#{$cl-url-prefix}NotDef.ttf#{$cl-url-postfix}') format('woff2');
+  }
+}

package/src/styles/fonts/NotoSansCL/index.scss

@@ -0,0 +1,152 @@
+// stylelint-disable at-rule-descriptor-value-no-unknown
+
+$cl-url-prefix: '' !default;
+$cl-url-postfix: '' !default;
+
+@mixin noto-sans($filename) {
+  @font-face {
+    font-family: 'Noto Sans CL';
+    font-style: normal;
+    font-weight: 400;
+    src: url('#{$cl-url-prefix}#{$filename}-400.woff2#{$cl-url-postfix}') format('woff2');
+    @content;
+  }
+
+  @font-face {
+    font-family: 'Noto Sans CL';
+    font-style: normal;
+    font-weight: 700;
+    src: url('#{$cl-url-prefix}#{$filename}-700.woff2#{$cl-url-postfix}') format('woff2');
+    @content;
+  }
+}
+
+@mixin noto-sans-mono($filename) {
+  @font-face {
+    font-family: 'Noto Sans Mono CL';
+    font-style: normal;
+    font-weight: 300;
+    src: url('#{$cl-url-prefix}#{$filename}-300.woff2#{$cl-url-postfix}') format('woff2');
+    @content;
+  }
+  @font-face {
+    font-family: 'Noto Sans Mono CL';
+    font-style: normal;
+    font-weight: 400;
+    src: url('#{$cl-url-prefix}#{$filename}-400.woff2#{$cl-url-postfix}') format('woff2');
+    @content;
+  }
+  @font-face {
+    font-family: 'Noto Sans Mono CL';
+    font-style: normal;
+    font-weight: 500;
+    src: url('#{$cl-url-prefix}#{$filename}-500.woff2#{$cl-url-postfix}') format('woff2');
+    @content;
+  }
+}
+
+@mixin NotoSansCL {
+  // CP languages
+  @include noto-sans('noto-sans-sc') {
+    unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+4E00-9FFF, U+FF00-FFEF;
+  }
+  @include noto-sans('noto-sans-kr') {
+    unicode-range: U+AC00-D7AF;
+  }
+  @include noto-sans('noto-sans-thai') {
+    unicode-range: U+0E00-0E7F;
+  }
+  @include noto-sans('noto-sans-hebrew') {
+    unicode-range: U+0590-05FF;
+  }
+  @include noto-sans('noto-sans-arabic') {
+    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
+  }
+  @include noto-sans('noto-sans-ethiopic') {
+    unicode-range: U+1200-137F;
+  }
+
+  // Wikipedia 100k languages
+  @include noto-sans('noto-sans-telugu') {
+    unicode-range: U+0C00-0C7F;
+  }
+  @include noto-sans('noto-sans-tamil') {
+    unicode-range: U+0B80-0BFF;
+  }
+  @include noto-sans('noto-sans-myanmar') {
+    unicode-range: U+1000-109F;
+  }
+  @include noto-sans('noto-sans-georgian') {
+    unicode-range: U+10A0-10FF;
+  }
+  @include noto-sans('noto-sans-armenian') {
+    unicode-range: U+0530-058F;
+  }
+  @include noto-sans('noto-sans-bengali') {
+    unicode-range: U+0980-09FF;
+  }
+
+  // keep at end
+  @include noto-sans('noto-sans-core'); // Latin, Greek, Cyrillic, Vietnamese, Devanagari
+  @include noto-sans('noto-sans-symbols') {
+    unicode-range: U+2000-2BFF;
+  }
+  @include noto-sans('noto-sans-symbols2') {
+    unicode-range: U+2000-2BFF;
+  }
+}
+
+@mixin NotoSansMonoCL {
+  // CP languages
+  @include noto-sans-mono('noto-sans-sc') {
+    unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+4E00-9FFF, U+FF00-FFEF;
+  }
+  @include noto-sans-mono('noto-sans-kr') {
+    unicode-range: U+AC00-D7AF;
+  }
+  @include noto-sans-mono('noto-sans-thai') {
+    unicode-range: U+0E00-0E7F;
+  }
+  @include noto-sans-mono('noto-sans-hebrew') {
+    unicode-range: U+0590-05FF;
+  }
+  @include noto-sans-mono('noto-sans-arabic') {
+    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
+  }
+  @include noto-sans-mono('noto-sans-ethiopic') {
+    unicode-range: U+1200-137F;
+  }
+
+  // Wikipedia 100k languages
+  @include noto-sans-mono('noto-sans-telugu') {
+    unicode-range: U+0C00-0C7F;
+  }
+  @include noto-sans-mono('noto-sans-tamil') {
+    unicode-range: U+0B80-0BFF;
+  }
+  @include noto-sans-mono('noto-sans-myanmar') {
+    unicode-range: U+1000-109F;
+  }
+  @include noto-sans-mono('noto-sans-georgian') {
+    unicode-range: U+10A0-10FF;
+  }
+  @include noto-sans-mono('noto-sans-armenian') {
+    unicode-range: U+0530-058F;
+  }
+  @include noto-sans-mono('noto-sans-bengali') {
+    unicode-range: U+0980-09FF;
+  }
+
+  @include noto-sans-mono(
+    'noto-sans-mono-core'
+  ); // Latin, Greek, Cyrillic, Vietnamese (no Devanagari)
+  @include noto-sans-mono('noto-sans-devanagari') {
+    unicode-range: U+0900-097F; // add devangari as extra, as not in mono-core
+  }
+  @include noto-sans-mono('noto-sans-symbols') {
+    unicode-range: U+2000-2BFF;
+  }
+  @include noto-sans-mono('noto-sans-symbols2') {
+    unicode-range: U+2000-2BFF;
+  }
+}