@ndwnu/design-system 9.1.0 → 10.0.0

package/styles/base/colors.stories.utils.ts

@@ -1,58 +0,0 @@
-import { ColorGroup } from './colors.stories.model';
-
-export function header(values: string[]): string {
-  return `
-    <div class="header">
-      ${values.map((value) => `<p class="ndw-heading-sm">${value}</p>`).join('')}
-    </div>
-  `;
-}
-
-export function colors(type: ColorGroup): string {
-  const style = getComputedStyle(document.body);
-
-  return `${type.colors
-    .map((color) => {
-      const subName = color.subName ? `-${color.subName}` : '';
-      const convertedValue = color.value && color.value < 100 ? `0${color.value}` : color.value;
-      const value = color.value ? `-${convertedValue}` : '';
-      const variable = `--ndw-color-${type.name}${subName}${value}`.toLowerCase();
-
-      return `
-        <div class="content">
-          <div
-            class="block"
-            style="background-color: var(${variable})"
-          ></div>
-          <p>${type.name}${subName}${value}</p>
-          <p>${style.getPropertyValue(variable)}</p>
-          <p>${variable}</p>
-        </div>
-      `;
-    })
-    .join('')}`;
-}
-
-export function alphas(values: string[]): string {
-  const style = getComputedStyle(document.body);
-
-  return `
-    ${values
-      .map((alpha) => {
-        const variable = `--ndw-alpha-${alpha.toLowerCase()}`;
-
-        return `
-          <div class="content">
-            <div
-              class="block"
-              style="background-color: var(--ndw-alpha-${alpha.toLowerCase()})"
-            ></div>
-            <p>${alpha}</p>
-            <p>${style.getPropertyValue(variable)}</p>
-            <p>${variable}</p>
-          </div>
-        `;
-      })
-      .join('')}
-  `;
-}