@duetds/components 4.36.0 → 5.0.1

package/lib/collection/utils/token-utils.js

@@ -35,12 +35,15 @@ export function getTheme(theme = "") {
   }
   return "";
 }
-function hasColor(str = "") {
-  return str.indexOf("Color") === 0 || str.indexOf("color") === 0;
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
 }
-function addColor(str = "") {
-  if (str && !isDashCase(str) && !hasColor(str)) {
-    return `color${capitalize(str)}`;
+function hasType(t, str = "") {
+  return str.indexOf(capitalizeFirstLetter(t)) === 0 || str.indexOf(t) === 0;
+}
+function addPrefix(prefix, str = "") {
+  if (str && !isDashCase(str) && !hasType(prefix, str)) {
+    return `${prefix}${capitalize(str)}`;
   }
   return str;
 }
@@ -70,9 +73,33 @@ export function convertToColorName(name = "", theme = "") {
   if (dash) {
     colorResolution = camelize(colorResolution);
   }
-  colorResolution = addColor(colorResolution);
+  colorResolution = addPrefix("color", colorResolution);
   colorResolution = addTheme(colorResolution, theme);
   // takes care of the case where colorPrimaryDark ends up with ColorPrimaryDark
   colorResolution = lowerCaseFirst(colorResolution);
   return colorResolution;
 }
+function getTokenByName(prefix, name) {
+  if (!name) {
+    return undefined;
+  }
+  let tokenResolution = name;
+  const dash = isDashCase(name);
+  if (dash) {
+    tokenResolution = camelize(tokenResolution);
+  }
+  tokenResolution = addPrefix(prefix, tokenResolution);
+  tokenResolution = lowerCaseFirst(tokenResolution);
+  try {
+    return tokens[tokenResolution];
+  }
+  catch (e) {
+    return undefined;
+  }
+}
+export function getFontSizeByName(name) {
+  return getTokenByName("fontSize", name);
+}
+export function getFontWeightByName(name) {
+  return getTokenByName("fontWeight", name);
+}

package/lib/custom-elements-bundle/index.d.ts

@@ -2,6 +2,12 @@
 
 import type { Components, JSX } from "../types/components";
 
+interface DuetActionButton extends Components.DuetActionButton, HTMLElement {}
+export const DuetActionButton: {
+  prototype: DuetActionButton;
+  new (): DuetActionButton;
+};
+
 interface DuetAlert extends Components.DuetAlert, HTMLElement {}
 export const DuetAlert: {
   prototype: DuetAlert;
@@ -92,18 +98,6 @@ export const DuetEditableTable: {
   new (): DuetEditableTable;
 };
 
-interface DuetEditableTableButton extends Components.DuetEditableTableButton, HTMLElement {}
-export const DuetEditableTableButton: {
-  prototype: DuetEditableTableButton;
-  new (): DuetEditableTableButton;
-};
-
-interface DuetEditableTableItem extends Components.DuetEditableTableItem, HTMLElement {}
-export const DuetEditableTableItem: {
-  prototype: DuetEditableTableItem;
-  new (): DuetEditableTableItem;
-};
-
 interface DuetEmptyState extends Components.DuetEmptyState, HTMLElement {}
 export const DuetEmptyState: {
   prototype: DuetEmptyState;