@melodicdev/components 1.5.5 → 1.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/fonts/phosphor/phosphor.css +0 -125
- package/assets/melodic-components.css +0 -125
- package/assets/melodic-components.js +1543 -1
- package/assets/melodic-components.js.map +1 -1
- package/assets/melodic-components.min.css +1 -1
- package/assets/melodic-components.min.js +2114 -573
- package/lib/components/general/icon/icon.component.d.ts +1 -1
- package/lib/components/general/icon/icon.component.d.ts.map +1 -1
- package/lib/components/general/icon/icon.component.js +1 -1
- package/lib/components/general/icon/icon.map.d.ts +2 -0
- package/lib/components/general/icon/icon.map.d.ts.map +1 -0
- package/lib/components/general/icon/icon.map.js +1533 -0
- package/lib/components/general/icon/icon.styles.d.ts.map +1 -1
- package/lib/components/general/icon/icon.styles.js +10 -0
- package/lib/components/general/icon/icon.template.d.ts.map +1 -1
- package/lib/components/general/icon/icon.template.js +3 -1
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iDA4CtB,CAAC"}
|
|
@@ -32,5 +32,15 @@ export const iconStyles = () => css `
|
|
|
32
32
|
|
|
33
33
|
i {
|
|
34
34
|
font-size: var(--ml-icon-size);
|
|
35
|
+
line-height: 1;
|
|
36
|
+
speak: never;
|
|
37
|
+
-webkit-font-smoothing: antialiased;
|
|
38
|
+
-moz-osx-font-smoothing: grayscale;
|
|
35
39
|
}
|
|
40
|
+
|
|
41
|
+
i.ph { font-family: 'Phosphor' !important; }
|
|
42
|
+
i.ph-bold { font-family: 'Phosphor-Bold' !important; }
|
|
43
|
+
i.ph-fill { font-family: 'Phosphor-Fill' !important; }
|
|
44
|
+
i.ph-light { font-family: 'Phosphor-Light' !important; }
|
|
45
|
+
i.ph-thin { font-family: 'Phosphor-Thin' !important; }
|
|
36
46
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/icon.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/icon.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzD,eAAO,MAAM,YAAY,GAAI,GAAG,aAAa,8CAK5C,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { html } from '@melodicdev/core';
|
|
2
|
+
import { PHOSPHOR_ICON_MAP } from './icon.map.js';
|
|
2
3
|
export const iconTemplate = (c) => {
|
|
3
4
|
const className = c.format === 'regular' ? 'ph' : `ph-${c.format}`;
|
|
4
|
-
|
|
5
|
+
const codepoint = PHOSPHOR_ICON_MAP[c.icon] ?? '';
|
|
6
|
+
return html `<i class="${className}">${codepoint}</i>`;
|
|
5
7
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@melodicdev/components",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.7",
|
|
4
4
|
"description": "Themeable UI component library built on the Melodic Framework",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Melodic Development",
|
|
@@ -273,7 +273,8 @@
|
|
|
273
273
|
"test": "vitest run",
|
|
274
274
|
"test:watch": "vitest",
|
|
275
275
|
"docs": "vite --config vite.config.docs.ts",
|
|
276
|
-
"docs:build": "vite build --config vite.config.docs.ts"
|
|
276
|
+
"docs:build": "vite build --config vite.config.docs.ts",
|
|
277
|
+
"generate:icon-map": "node scripts/generate-icon-map.mjs"
|
|
277
278
|
},
|
|
278
279
|
"peerDependencies": {
|
|
279
280
|
"@melodicdev/core": "^1.4.7"
|