@castlabs/ui 8.2.0 → 8.4.0

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;
+  }
+}

package/src/styles/layout/meta.scss

@@ -1,3 +1,3 @@
 :root {
-  #{'--cl-version'}: 'v8.2.0';
+  #{'--cl-version'}: 'v8.4.0';
 }

package/src/styles/layout/typography.scss

@@ -19,10 +19,21 @@ $cl-url-postfix: '' !default;
   $cl-url-prefix: '#{$cl-url-prefix}NonNaturalGroteskInktrap/',
   $cl-url-postfix: $cl-url-postfix
 );
+@use '../fonts/NotoSansCL' with (
+  $cl-url-prefix: '#{$cl-url-prefix}NotoSansCL/',
+  $cl-url-postfix: $cl-url-postfix
+);
+@use '../fonts/NotDef' with (
+  $cl-url-prefix: '#{$cl-url-prefix}NotDef/',
+  $cl-url-postfix: $cl-url-postfix
+);
 $castlabs-ui-fonts: true !default;
 @if $castlabs-ui-fonts {
   @include NonNaturalGroteskInktrap.NonNaturalGroteskInktrap;
   @include DMMono.DMMono;
+  @include NotoSansCL.NotoSansCL;
+  @include NotoSansCL.NotoSansMonoCL;
+  @include NotDef.NotDef;
 }
 
 // --- text --------------------------------------------------------------------

package/types/castlabs-ui.module.d.ts

@@ -75,6 +75,7 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
     loading?: boolean
   ): Promise<any>
   export function clReloadStore (component: any, forced?: any[], optional?: any[], loading?: boolean): Promise<any>
+  export function clSleep (ms: number): Promise<void>
 
   // theme utils
   export function clThemeSetup (): boolean

package/types/index.d.ts

@@ -1,4 +1,5 @@
 import type { App, DefineComponent } from 'vue'
+import type { Router, RouteLocationNormalizedLoadedGeneric } from 'vue-router'
 
 declare function install (Vue: App): void
 export default install
@@ -56,6 +57,7 @@ export const ClMailto: DefineComponent
 export const ClOrg: DefineComponent
 export const ClPlan: DefineComponent
 export const ClRole: DefineComponent
+export const ClValue: DefineComponent
 
 export const ClLorem: DefineComponent
 
@@ -139,6 +141,7 @@ export function clReload (
   loading?: boolean
 ): Promise<any>
 export function clReloadStore (component: any, forced?: any[], optional?: any[], loading?: boolean): Promise<any>
+export function clSleep (ms: number): Promise<void>
 
 // theme utils
 export function clThemeSetup (): boolean
@@ -155,14 +158,53 @@ 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 ------------------------------------------------------------
+export function clQuerystringGet (
+  route: RouteLocationNormalizedLoadedGeneric,
+  params: { [key: string]: string[] },
+  target?: { [key: string]: any }
+): any
+export function clQuerystringSet(router: Router, params: any): any
+
+// --- utils/test ------------------------------------------------------------
+
+export type ClMockdata = {
+  components?: object
+  data?: object
+  params?: object
+  plugins?: any[]
+  props?: object
+  query?: object
+  slots?: object
+  store?: any
+}
 
 export const FLECTIONS: RegExp[]
-export function clGetAllComponents(): object
-export function clGetAllPlugins(): [{ install: (app: any) => void }]
-export function clPatch (source: any, patches: any): object
-export function clPatchStore (source: any, patches: any): object
+export function clTestGetAllComponents(): object
+export function clTestGetAllPlugins(): [{ install: (app: any) => void }]
+export function clTestPatch (source: any, patches: any): object
+export function clTestPatchStore(source: any, patches: any): object
+
+export function clGetAllComponents(): object // deprecated/legacy
+export function clGetAllPlugins(): [{ install: (app: any) => void }] // deprecated/legacy
+export function clPatch (source: any, patches: any): object // deprecated/legacy
+export function clPatchStore (source: any, patches: any): object // deprecated/legacy
+
+export function clTestSetupWrapper(component: any, mock?: ClMockdata, debug?: boolean): Promise<any>
+export function clTestHasName (component: any, name: string) : Promise<void>
+export function clTestRendersPropAsAttribute (component: any, prop: string, value: string) : Promise<void>
+export function clTestRendersNoInheritAttrs (component: any) : Promise<void>
+export function clTestInherits (component: any, props?: any) : Promise<void>
+export function clTestRendersWithCustomClass( any: any, customClass?: string) : Promise<void>
+export function clTestMockClipboardEvent (value: string): any
+
+export function clMockedUseWrapper (page: any): void
+export function clMockedSynchronizedSubmit (component: any, callback: () => Promise<any>, id?: string): Promise<any>
+export function clMockedSynchronizedSubmitAsync (component: any, callback: () => Promise<any>, id?: string): Promise<any>
+export function clMockedFormIsValid (id: string): boolean
+export function clMockedFormIsValidAsync (id: string): boolean
+
+export function hasName (component: any, name: string) : Promise<void> // deprecated/legacy
+export function inherits (component: any, props?: any) : Promise<void> // deprecated/legacy
 
 // --- utils/ui ----------------------------------------------------------------