@jack-henry/jh-elements 2.0.0-beta.10

package/index.d.ts

@@ -0,0 +1,69 @@
+// SPDX-FileCopyrightText: 2025 Jack Henry
+//
+// SPDX-License-Identifier: Apache-2.0
+
+import { JhButton } from './components/button/button.js';
+import { JhIcon } from './components/icon/icon.js';
+import { JhDivider } from './components/divider/divider.js';
+import { JhCard } from './components/card/card.js';
+import { JhRadio } from './components/radio/radio.js';
+import { JhProgress } from './components/progress/progress.js';
+import { JhTooltip } from './components/tooltip/tooltip.js';
+import { JhCheckbox } from './components/checkbox/checkbox.js';
+import { JhListItem } from './components/list-item/list-item.js';
+import { JhListGroup } from './components/list-group/list-group.js';
+import { JhSwitch } from './components/switch/switch.js';
+import { JhCheckboxGroup } from './components/checkbox-group/checkbox-group.js';
+import { JhRadioGroup } from './components/radio-group/radio-group.js';
+import { JhMenu } from './components/menu/menu.js';
+import { JhToast } from './components/toast/toast.js';
+import { JhToastController } from './components/toast-controller/toast-controller.js';
+import { JhBadge } from './components/badge/badge.js';
+import { JhTag } from './components/tag/tag.js';
+import { JhTagGroup } from './components/tag-group/tag-group.js';
+import { JhInput } from './components/input/input.js';
+import { JhInputPassword } from './components/input-password/input-password.js';
+import { JhInputSearch } from './components/input-search/input-search.js';
+import { JhInputEmail } from './components/input-email/input-email.js';
+import { JhInputUrl } from './components/input-url/input-url.js';
+import { JhInputTelephone } from './components/input-telephone/input-telephone.js';
+import { JhInputTextarea } from './components/input-textarea/input-textarea.js';
+import { JhTable } from './components/table/table.js';
+import { JhTableRow } from './components/table-row/table-row.js';
+import { JhTableDataCell } from './components/table-data-cell/table-data-cell.js';
+import { JhTableHeaderCell } from './components/table-header-cell/table-header-cell.js';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'jh-button': JhButton;
+    'jh-icon': JhIcon;
+    'jh-divider': JhDivider;
+    'jh-card': JhCard;
+    'jh-radio': JhRadio;
+    'jh-progress': JhProgress;
+    'jh-tooltip': JhTooltip;
+    'jh-checkbox': JhCheckbox;
+    'jh-list-item': JhListItem;
+    'jh-list-group': JhListGroup;
+    'jh-input': JhInput;
+    'jh-input-password': JhInputPassword;
+    'jh-input-search': JhInputSearch;
+    'jh-switch': JhSwitch;
+    'jh-checkbox-group': JhCheckboxGroup;
+    'jh-radio-group': JhRadioGroup;
+    'jh-menu': JhMenu;
+    'jh-toast': JhToast;
+    'jh-toast-controller': JhToastController;
+    'jh-badge': JhBadge;
+    'jh-tag': JhTag;
+    'jh-tag-group': JhTagGroup;
+    'jh-input-email': JhInputEmail;
+    'jh-input-url': JhInputUrl;
+    'jh-input-telephone': JhInputTelephone;
+    'jh-input-textarea': JhInputTextarea;
+    'jh-table': JhTable;
+    'jh-table-row': JhTableRow;
+    'jh-table-data-cell': JhTableDataCell;
+    'jh-table-header-cell': JhTableHeaderCell;
+  }
+}

package/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "checkJs": true,
+    "module": "es2020",
+    "moduleResolution": "node",
+    "target": "es2020"
+  },
+  "exclude": ["node_modules"]
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@jack-henry/jh-elements",
+  "description": "Jack Henry's design system web components.",
+  "version": "2.0.0-beta.10",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Banno/jack-henry-design-system.git"
+  },
+  "customElements": "custom-elements.json",
+  "contributors": [
+    "Audrey Bissiere-Grote",
+    "Brad McCormick",
+    "Maya Buser De"
+  ],
+  "license": "Apache-2.0",
+  "files": [
+    "components/**/!(*.stories).js",
+    "utils",
+    "custom-elements.json",
+    "index.d.ts",
+    "jsconfig.json",
+    "NOTICE"
+  ],
+  "dependencies": {
+    "@jack-henry/jh-tokens": "2.0.0-beta.8",
+    "@jack-henry/jh-icons": "2.0.0-beta.7",
+    "lit": "3.3.1"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "8.6.17",
+    "@storybook/addon-actions": "8.6.17",
+    "@storybook/addon-essentials": "8.6.17",
+    "@storybook/blocks": "8.6.17",
+    "@storybook/manager-api": "8.6.17",
+    "@storybook/theming": "8.6.17",
+    "@storybook/web-components": "8.6.17",
+    "@storybook/web-components-vite": "8.6.17",
+    "chromatic": "5.8.3",
+    "hygen": "6.2.11",
+    "storybook": "8.6.17",
+    "storybook-addon-tag-badges": "1.3.1",
+    "storybook-dark-mode": "4.0.1",
+    "web-component-analyzer": "1.1.6",
+    "vite": "5.4.12"
+  },
+  "scripts": {
+    "generate": "hygen component new",
+    "storybook": "storybook dev --port 6006",
+    "build-storybook": "storybook build",
+    "analyze": "wca analyze components --format json --outFile custom-elements.json"
+  }
+}

package/utils/themeProvider.js

@@ -0,0 +1,32 @@
+// SPDX-FileCopyrightText: 2025 Jack Henry
+//
+// SPDX-License-Identifier: Apache-2.0
+
+import JhThemeLight from '@jack-henry/jh-tokens/platforms/web/esm/jh-theme-light.js';
+import JhThemeDark from '@jack-henry/jh-tokens/platforms/web/esm/jh-theme-dark.js';
+
+const themes = [
+  {
+    id: 'jh-theme-light',
+    value: JhThemeLight,
+  },
+  {
+    id: 'jh-theme-dark',
+    value: JhThemeDark,
+  },
+];
+
+export const setJhTheme = () => {
+  themes.forEach((theme) => {
+    const defaultTheme = document.getElementById(theme.id);
+
+    if (defaultTheme) {
+      defaultTheme.innerHTML = theme.value;
+    } else {
+      const newTheme = document.createElement('style');
+      newTheme.id = theme.id;
+      newTheme.innerHTML = theme.value;
+      document.head.prepend(newTheme);
+    }
+  });
+};