Work on panels

libs/_internal/styles/src/index.ts

@@ -1,3 +1,5 @@
 export * from './lib/normalize';
 
 export * from './lib/variable.helper';
+
+export * from './lib/variable.func';

libs/_internal/styles/src/lib/variable.func.ts

@@ -0,0 +1,5 @@
+import { unsafeCSS } from 'lit';
+
+export function variable(variableName: string, defaultValue?: string) {
+  return unsafeCSS(`var(${variableName}${defaultValue ? `, ${defaultValue}` : ''})`);
+}