@ganpatiinfo/gids-web-dom-reference 0.0.2 → 0.0.4

package/dist/components/GidsDisplayTag/GidsDisplayTag.d.ts

@@ -0,0 +1,6 @@
+import { type GidsDisplayTagCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type DomNodeOrString } from '../../utils/domUtils';
+export interface GidsDisplayTagDomProps extends GidsDisplayTagCommonProps<DomNodeOrString> {
+}
+export declare const GidsDisplayTagDom: ({ label, appearance, color, size, icon, }: GidsDisplayTagDomProps) => HTMLSpanElement;
+//# sourceMappingURL=GidsDisplayTag.d.ts.map

package/dist/components/GidsDisplayTag/GidsDisplayTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsDisplayTag.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDisplayTag/GidsDisplayTag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,sBAChB,SAAQ,yBAAyB,CAAC,eAAe,CAAC;CAAG;AAEtD,eAAO,MAAM,iBAAiB,GAAI,2CAM/B,sBAAsB,KAAG,eAe3B,CAAC"}

package/dist/components/GidsDisplayTag/GidsDisplayTag.js

@@ -0,0 +1,16 @@
+import { GidsDisplayTagWebUtils } from '@ganpatiinfo/gids-web-shared';
+const { getGidsDisplaTagClassNames } = GidsDisplayTagWebUtils;
+export const GidsDisplayTagDom = ({ label, appearance = 'subtle', color, size = 'md', icon, }) => {
+    const gidsDisplayTag = document.createElement('span');
+    if (icon !== undefined) {
+        gidsDisplayTag.append(icon);
+    }
+    gidsDisplayTag.append(label);
+    gidsDisplayTag.className = getGidsDisplaTagClassNames({
+        size,
+        appearance,
+        color,
+    });
+    return gidsDisplayTag;
+};
+//# sourceMappingURL=GidsDisplayTag.js.map

package/dist/components/GidsDisplayTag/GidsDisplayTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsDisplayTag.js","sourceRoot":"","sources":["../../../src/components/GidsDisplayTag/GidsDisplayTag.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,MAAM,EAAE,0BAA0B,EAAE,GAAG,sBAAsB,CAAC;AAK9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EACjC,KAAK,EACL,UAAU,GAAG,QAAQ,EACrB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,IAAI,GACoB,EAAmB,EAAE;IAC7C,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAEtD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACxB,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,cAAc,CAAC,SAAS,GAAG,0BAA0B,CAAC;QACrD,IAAI;QACJ,UAAU;QACV,KAAK;KACL,CAAC,CAAC;IAEH,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC"}

package/dist/components/GidsDivider/GidsDivider.d.ts

@@ -0,0 +1,5 @@
+import { type GidsDividerCommonProps } from '@ganpatiinfo/gids-core-shared';
+export interface GidsDividerDomProps extends GidsDividerCommonProps {
+}
+export declare const GidsDividerDom: ({ orientation, }: GidsDividerDomProps) => HTMLHRElement;
+//# sourceMappingURL=GidsDivider.d.ts.map

package/dist/components/GidsDivider/GidsDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsDivider.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDivider/GidsDivider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAK5E,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG;AAEtE,eAAO,MAAM,cAAc,GAAI,kBAE5B,mBAAmB,KAAG,aAKxB,CAAC"}

package/dist/components/GidsDivider/GidsDivider.js

@@ -0,0 +1,8 @@
+import { GidsDividerWebUtils } from '@ganpatiinfo/gids-web-shared';
+const { getGidsDividerClassNames } = GidsDividerWebUtils;
+export const GidsDividerDom = ({ orientation, }) => {
+    const divider = document.createElement('hr');
+    divider.className = getGidsDividerClassNames({ orientation });
+    return divider;
+};
+//# sourceMappingURL=GidsDivider.js.map

package/dist/components/GidsDivider/GidsDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsDivider.js","sourceRoot":"","sources":["../../../src/components/GidsDivider/GidsDivider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,EAAE,wBAAwB,EAAE,GAAG,mBAAmB,CAAC;AAIzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC9B,WAAW,GACU,EAAiB,EAAE;IACxC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,SAAS,GAAG,wBAAwB,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IAE9D,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 /**
  * Referenced to DOM components
  */
+export * from './components/GidsDivider/GidsDivider';
+export * from './components/GidsDisplayTag/GidsDisplayTag';
 /**
  * Utilities
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAE3D;;GAEG;AACH,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,6 +1,8 @@
 /**
  * Referenced to DOM components
  */
+export * from './components/GidsDivider/GidsDivider';
+export * from './components/GidsDisplayTag/GidsDisplayTag';
 /**
  * Utilities
  */

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAE3D;;GAEG;AACH,cAAc,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-web-dom-reference",
-	"version": "0.0.2",
+	"version": "0.0.4",
 	"private": false,
 	"description": "DOM for components reference implementations",
 	"homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -24,8 +24,8 @@
 		"directory": "packages/private/web-dom-reference"
 	},
 	"dependencies": {
-		"@ganpatiinfo/gids-core-shared": "0.0.2",
-		"@ganpatiinfo/gids-web-shared": "0.0.2"
+		"@ganpatiinfo/gids-core-shared": "0.0.4",
+		"@ganpatiinfo/gids-web-shared": "0.0.4"
 	},
 	"peerDependencies": {
 		"@jest/globals": "29.7.0",

package/src/components/GidsDisplayTag/GidsDisplayTag.ts

@@ -0,0 +1,31 @@
+import { type GidsDisplayTagCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { GidsDisplayTagWebUtils } from '@ganpatiinfo/gids-web-shared';
+import { type DomNodeOrString } from '../../utils/domUtils';
+
+const { getGidsDisplaTagClassNames } = GidsDisplayTagWebUtils;
+
+export interface GidsDisplayTagDomProps
+	extends GidsDisplayTagCommonProps<DomNodeOrString> {}
+
+export const GidsDisplayTagDom = ({
+	label,
+	appearance = 'subtle',
+	color,
+	size = 'md',
+	icon,
+}: GidsDisplayTagDomProps): HTMLSpanElement => {
+	const gidsDisplayTag = document.createElement('span');
+
+	if (icon !== undefined) {
+		gidsDisplayTag.append(icon);
+	}
+
+	gidsDisplayTag.append(label);
+	gidsDisplayTag.className = getGidsDisplaTagClassNames({
+		size,
+		appearance,
+		color,
+	});
+
+	return gidsDisplayTag;
+};

package/src/components/GidsDivider/GidsDivider.ts

@@ -0,0 +1,15 @@
+import { type GidsDividerCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { GidsDividerWebUtils } from '@ganpatiinfo/gids-web-shared';
+
+const { getGidsDividerClassNames } = GidsDividerWebUtils;
+
+export interface GidsDividerDomProps extends GidsDividerCommonProps {}
+
+export const GidsDividerDom = ({
+	orientation,
+}: GidsDividerDomProps): HTMLHRElement => {
+	const divider = document.createElement('hr');
+	divider.className = getGidsDividerClassNames({ orientation });
+
+	return divider;
+};

package/src/index.ts

@@ -1,6 +1,8 @@
 /**
  * Referenced to DOM components
  */
+export * from './components/GidsDivider/GidsDivider';
+export * from './components/GidsDisplayTag/GidsDisplayTag';
 
 /**
  * Utilities