@triptease/tt-icon 1.1.18 → 1.2.0

package/dist/src/types.d.ts

@@ -1,39 +1,33 @@
-import React from 'react';
-interface TTIconAttributes {
+import IconManifest from '@triptease/icons/manifest.json';
+import { TtIcon } from './TtIcon.js';
+type IconName = keyof typeof IconManifest;
+interface TtIconExternalAttributes {
     id?: string;
-    style?: React.CSSProperties;
-    [key: `data-${string}`]: string | undefined;
-    name?: string;
+    name: IconName;
     label?: string;
     color?: string;
     size?: number;
 }
 declare global {
+    interface HTMLElementTagNameMap {
+        'tt-icon': TtIcon;
+    }
     namespace JSX {
         interface IntrinsicElements {
-            'tt-icon': TTIconAttributes & {
-                class?: string;
+            'tt-icon': TtIconExternalAttributes & {
+                style?: string;
             };
         }
     }
     namespace React {
         namespace JSX {
             interface IntrinsicElements {
-                'tt-icon': TTIconAttributes & {
-                    className?: string;
+                'tt-icon': TtIconExternalAttributes & {
                     ref?: React.Ref<unknown>;
+                    style?: React.CSSProperties | string;
                 };
             }
         }
     }
 }
-declare module '@triptease/html-jsx' {
-    namespace JSX {
-        interface IntrinsicElements {
-            'tt-icon': TTIconAttributes & {
-                class?: string;
-            };
-        }
-    }
-}
 export {};

package/dist/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import React from 'react';\nimport type {} from '@triptease/html-jsx'; // Stops declare module from erroring\n\ninterface TTIconAttributes {\n  id?: string;\n  style?: React.CSSProperties;\n  [key: `data-${string}`]: string | undefined;\n  name?: string;\n  label?: string;\n  color?: string;\n  size?: number;\n}\n\ndeclare global {\n  namespace JSX {\n    interface IntrinsicElements {\n      'tt-icon': TTIconAttributes & { class?: string };\n    }\n  }\n\n  namespace React {\n    namespace JSX {\n      interface IntrinsicElements {\n        'tt-icon': TTIconAttributes & { className?: string; ref?: React.Ref<unknown> };\n      }\n    }\n  }\n}\n\ndeclare module '@triptease/html-jsx' {\n  namespace JSX {\n    interface IntrinsicElements {\n      'tt-icon': TTIconAttributes & { class?: string };\n    }\n  }\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import IconManifest from '@triptease/icons/manifest.json' with { type: 'json' };\nimport { TtIcon } from './TtIcon.js';\n\ntype IconName = keyof typeof IconManifest;\n\ninterface TtIconExternalAttributes {\n  id?: string;\n  name: IconName;\n  label?: string;\n  color?: string;\n  size?: number;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'tt-icon': TtIcon;\n  }\n\n  namespace JSX {\n    interface IntrinsicElements {\n      'tt-icon': TtIconExternalAttributes & { style?: string };\n    }\n  }\n\n  namespace React {\n    namespace JSX {\n      interface IntrinsicElements {\n        'tt-icon': TtIconExternalAttributes & {\n          ref?: React.Ref<unknown>;\n          style?: React.CSSProperties | string;\n        };\n      }\n    }\n  }\n}\n"]}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent tt-icon following open-wc recommendations",
   "license": "MIT",
   "author": "@triptease",
-  "version": "1.1.18",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -28,8 +28,7 @@
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
   },
   "dependencies": {
-    "@triptease/html-jsx": "^0.2.6",
-    "@triptease/icons": "1.3.11",
+    "@triptease/icons": "1.3.12",
     "lit": "^3.1.4"
   },
   "devDependencies": {