@castlabs/ui 7.15.1 → 7.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "7.15.1",
+  "version": "7.17.0",
   "repository": "https://github.com/castlabs/ui-styleguide",
   "private": false,
   "description": "A vanilla HTML/CS/JS & Vue.js component library for Castlabs.",
@@ -42,20 +42,20 @@
     "simplebar": "6.3.3"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.59.0"
+    "@rollup/rollup-linux-x64-gnu": "4.60.0"
   },
   "devDependencies": {
     "@castlabs/ui-editor": "file:../castlabs-ui-editor",
     "@tsconfig/node22": "22.0.5",
-    "@types/jsdom": "28.0.0",
-    "@types/node": "25.3.3",
-    "@vitejs/plugin-vue": "6.0.4",
-    "@vitest/eslint-plugin": "1.6.9",
+    "@types/jsdom": "28.0.1",
+    "@types/node": "25.5.0",
+    "@vitejs/plugin-vue": "6.0.5",
+    "@vitest/eslint-plugin": "1.6.13",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.7.0",
     "@vue/test-utils": "2.4.6",
-    "@vue/tsconfig": "0.9.0",
-    "core-js": "3.48.0",
+    "@vue/tsconfig": "0.9.1",
+    "core-js": "3.49.0",
     "dree": "5.1.5",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-n": "17.24.0",
@@ -65,19 +65,19 @@
     "gulp-concat": "2.6.1",
     "gulp-replace": "1.1.4",
     "gulp": "5.0.1",
-    "jsdom": "28.1.0",
+    "jsdom": "29.0.1",
     "npm-run-all": "4.1.5",
-    "sass": "1.97.3",
+    "sass": "1.98.0",
     "stylelint-config-sass-guidelines": "13.0.0",
     "stylelint-config-standard-vue": "1.0.0",
     "stylelint-config-standard": "40.0.0",
-    "stylelint-order": "7.0.1",
+    "stylelint-order": "8.1.1",
     "stylelint-scss": "7.0.0",
     "typescript": "5.9.3",
-    "vite": "7.3.1",
-    "vitest": "4.0.18",
-    "vue-tsc": "3.2.5",
-    "vue": "3.5.29"
+    "vite": "8.0.3",
+    "vitest": "4.1.1",
+    "vue-tsc": "3.2.6",
+    "vue": "3.5.31"
   },
   "overrides": {
     "glob": "^13"

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

@@ -6062,26 +6062,26 @@ readers don’t read off random characters that represent icons */
   content: '\f63f';
 }
 
-.sr-only {
-  border: 0;
-  clip: rect(0, 0, 0, 0); /* stylelint-disable-line property-no-deprecated */
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
-  clip: auto; /* stylelint-disable-line property-no-deprecated */
-  height: auto;
-  margin: 0;
-  overflow: visible;
-  position: static;
-  width: auto;
-}
+// .sr-only {
+//   border: 0;
+//   clip: rect(0, 0, 0, 0); /* stylelint-disable-line property-no-deprecated */
+//   height: 1px;
+//   margin: -1px;
+//   overflow: hidden;
+//   padding: 0;
+//   position: absolute;
+//   width: 1px;
+// }
+
+// .sr-only-focusable:active,
+// .sr-only-focusable:focus {
+//   clip: auto; /* stylelint-disable-line property-no-deprecated */
+//   height: auto;
+//   margin: 0;
+//   overflow: visible;
+//   position: static;
+//   width: auto;
+// }
 
 @font-face {
   font-display: block;

package/src/styles/layout/helper.scss

@@ -70,9 +70,9 @@ h6.cl-faded,
   }
 }
 
-@for $i from 0 through 64 {
-  .cl-width-#{$i * 32} {
-    width: px($i * 32);
+@for $i from 0 through 32 {
+  .cl-width-#{$i * 16} {
+    width: px($i * 16);
   }
 }
 

package/src/styles/layout/meta.scss

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

package/src/styles/layout/screenreader.scss

@@ -0,0 +1,29 @@
+////
+/// @group layout
+/// @access public
+////
+
+// This file defines our screenreader helper classes.
+
+@use '../global' as *;
+
+.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0); /* stylelint-disable-line property-no-deprecated */
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  clip: auto; /* stylelint-disable-line property-no-deprecated */
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto;
+}

package/src/styles/ui.scss

@@ -18,6 +18,7 @@ $castlabs-ui-asset-postfix: '' !default;
 @use 'layout/grid';
 @use 'layout/helper';
 @use 'layout/meta';
+@use 'layout/screenreader';
 @use 'layout/scrollbar';
 @use 'layout/section';
 @use 'layout/spacing';

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

@@ -57,6 +57,7 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
     sort: (col?: number, order?: string) => 'ASC' | 'DESC' | 'NONE',
   }
   export function clDebounce (callback: any, ms?: number, key?: string): void
+  export function clSanitizeId (id: string): string
 
   export function clRandomString (length?: number, words?: string[]): string
   export function clRandomList (length?: number, words?: string[]): string[]

package/types/index.d.ts

@@ -106,15 +106,16 @@ export function clTableSorter (
   initialOrder?: string
 ): any
 export function clTableSorterObjects<Type> (dataCallback: () => Type[], keys: string[], initialCol?: number, pageNoCallback?: () => number, pageSizeCallback?: () => number): {
-  col: number,
-  order: 'ASC' | 'DESC' | 'NONE',
-  set: (col: number, order: string) => void,
-  get: (col: number) => string,
-  sorted: Type[],
-  sorter: () => any,
-  sort: (col?: number, order?: string) => 'ASC' | 'DESC' | 'NONE',
+  col: number
+  order: 'ASC' | 'DESC' | 'NONE'
+  set: (col: number, order: string) => void
+  get: (col: number) => string
+  sorted: Type[]
+  sorter: () => any
+  sort: (col?: number, order?: string) => 'ASC' | 'DESC' | 'NONE'
 }
 export function clDebounce (callback: any, ms?: number, key?: string): void
+export function clSanitizeId (id: string): string
 
 export function clRandomString (length?: number, words?: string[]): string
 export function clRandomList (length?: number, words?: string[]): string[]
@@ -282,12 +283,130 @@ type CsNavEntry = {
   badge: string | undefined
 }
 
+type STATE = {
+  UNKNOWN: null,
+  ACTIVE: number
+  PENDING: number
+  DELETED: number
+  SUSPENDED: number
+}
+
 export const CS: {
-  SERVICE: Record<string, string>
-  ROLE: Record<string, string>
-  STATE: Record<string, number | null>
-  LICENSE_STATE: Record<string, number | null>
-  PLAN: Record<string, number | null>
+  SERVICE: {
+    CP: string
+    CP_TAGLINE: string
+    CP_URN: string
+    CS: string
+    CS_TAGLINE: string
+    CS_URN: string
+    DT: string
+    DT_TAGLINE: string
+    DT_URN: string
+    DTO: string
+    DTO_TAGLINE: string
+    DTO_URN: string
+    DTS: string
+    DTS_TAGLINE: string
+    DTS_URN: string
+    PP: string
+    PP_TAGLINE: string
+    PP_URN: string
+    PP_URN_ANDROID: string
+    PP_URN_BROWSER: string
+    PP_URN_GSTREAMER: string
+    PP_URN_IOS: string
+    PP_URN_REACTNATIVE: string
+    PP_URN_WEBRTC: string
+    VTK: string
+    VTK_TAGLINE: string
+    VTK_URN: string
+    WM: string
+    WM_TAGLINE: string
+    WM_URN: string
+  }
+  ROLE: {
+    CS_READONLY: string
+    CS_READONLY_URN: string
+
+    CS_ADMIN: string
+    CS_ADMIN_URN: string
+    CS_BILLING: string
+    CS_BILLING_URN: string
+    CS_REPORTS: string
+    CS_REPORTS_URN: string
+
+    PP_ADMIN: string
+    PP_ADMIN_URN: string
+    PP_USER: string
+    PP_USER_URN: string
+
+    DT_MEMBERS: string
+    DT_MEMBERS_URN: string
+    DT_SUBORGS: string
+    DT_SUBORGS_URN: string
+    DT_CONFIGURATION: string
+    DT_CONFIGURATION_URN: string
+    DT_KEYS_DELETE: string
+    DT_KEYS_DELETE_URN: string
+    DT_KEYS_INGEST: string
+    DT_KEYS_INGEST_URN: string
+    DT_ASSETS: string
+    DT_ASSETS_URN: string
+    DT_DELIVERIES: string
+    DT_DELIVERIES_URN: string
+
+    DTO_DEVICES: string
+    DTO_DEVICES_URN: string
+    DTO_KEYBOX: string
+    DTO_KEYBOX_URN: string
+    DTO_DOWNLOAD: string
+    DTO_DOWNLOAD_URN: string
+    DTO_REPORTS: string
+    DTO_REPORTS_URN: string
+    DTO_CONFIGURATION: string
+    DTO_CONFIGURATION_URN: string
+
+    DTS_MEMBERS: string
+    DTS_MEMBERS_URN: string
+    DTS_SUBORGS: string
+    DTS_SUBORGS_URN: string
+    DTS_CONFIGURATION: string
+    DTS_CONFIGURATION_URN: string
+    DTS_KEYS_DELETE: string
+    DTS_KEYS_DELETE_URN: string
+    DTS_KEYS_INGEST: string
+    DTS_KEYS_INGEST_URN: string
+    DTS_ASSETS: string
+    DTS_ASSETS_URN: string
+    DTS_DELIVERIES: string
+    DTS_DELIVERIES_URN: string
+
+    VTK_ADMIN: string
+    VTK_ADMIN_URN: string
+    VTK_USER: string
+    VTK_USER_URN: string
+
+    CP_USER: string
+    CP_USER_URN: string
+
+    WM_DEMO: string
+    WM_DEMO_URN: string
+    WM_EXTRACTION: string
+    WM_EXTRACTION_URN: string
+  }
+  STATE: STATE
+  LICENSE_STATE: {
+    APPROVAL_REQUIRED: number
+    APPROVAL_DENIED: number
+    APPROVAL_REVOKED: number
+  } & STATE
+  PLAN: {
+    UNKNOWN: null,
+    TRIAL: number
+    STARTER: number
+    ENTERPRISE: number
+    CUSTOM: number
+  }
   APPS: Record<string, CsApp>
 }