@phila/phila-ui-core 3.0.0-beta.6 → 3.0.0-beta.8

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.
Files changed (12) hide show
  1. package/NOTICE.md +30 -0
  2. package/README.md +17 -63
  3. package/dist/icons.d.ts +371 -0
  4. package/dist/icons.js +1 -0
  5. package/dist/icons.mjs +2367 -0
  6. package/dist/index.css +1 -1
  7. package/dist/index.d.ts +8 -6
  8. package/dist/index.js +1 -1
  9. package/dist/index.mjs +153 -160
  10. package/dist/phila-icons.css +943 -0
  11. package/dist/styles/elements/icons.css +13 -19
  12. package/package.json +16 -8
package/dist/styles/elements/icons.css CHANGED
@@ -1,5 +1,6 @@
1
1
  /* Base icon styles */
2
- .phila-icon {
2
+ .phila-icon-core {
3
+ box-sizing: content-box;
3
4
  display: inline-flex;
4
5
  justify-content: center;
5
6
  align-items: center;
@@ -9,68 +10,61 @@
9
10
  font-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
10
11
  height: var(--scale-400);
11
12
  width: var(--scale-400);
12
- padding: var(--spacing-s);
13
13
  }
14
14
 
15
15
  /* Icon size variants */
16
- .phila-icon--extra-large {
16
+ .phila-icon-core--extra-large {
17
17
  font-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
18
18
  height: var(--scale-1000);
19
19
  width: var(--scale-1000);
20
- padding: var(--spacing-xl);
21
20
  }
22
21
 
23
- .phila-icon--large {
22
+ .phila-icon-core--large {
24
23
  font-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
25
24
  height: var(--scale-700);
26
25
  width: var(--scale-700);
27
- padding: var(--spacing-m);
28
26
  }
29
27
 
30
- .phila-icon--medium {
28
+ .phila-icon-core--medium {
31
29
  font-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
32
30
  height: var(--scale-600);
33
31
  width: var(--scale-600);
34
- padding: var(--spacing-m);
35
32
  }
36
33
 
37
- .phila-icon--small {
34
+ .phila-icon-core--small {
38
35
  font-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
39
36
  height: var(--scale-400);
40
37
  width: var(--scale-400);
41
- padding: var(--spacing-s);
42
38
  }
43
39
 
44
- .phila-icon--extra-small {
40
+ .phila-icon-core--extra-small {
45
41
  font-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
46
42
  height: var(--scale-300);
47
43
  width: var(--scale-300);
48
- padding: var(--spacing-xs);
49
44
  }
50
45
 
51
- .phila-icon--xxsmall {
46
+ .phila-icon-core--xxsmall {
52
47
  font-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
53
48
  height: var(--scale-300);
54
49
  width: var(--scale-300);
55
- padding: var(--spacing-xs);
56
50
  }
57
51
 
58
- .phila-icon.phila-icon--inline {
52
+ .phila-icon-core.phila-icon-core--inline {
59
53
  padding: 0;
60
54
  height: auto;
61
55
  width: auto;
62
56
  }
63
57
 
64
58
  /* Circle variant - colored background with circular shape */
65
- .phila-icon--circle {
59
+ .phila-icon-core--circle {
66
60
  background-color: var(--Schemes-Primary);
67
61
  border-radius: 50%;
68
62
  color: var(--Schemes-Background);
69
63
  }
70
64
 
71
65
  /* Shadow variant - applies drop shadow to the icon */
72
- .phila-icon--shadow svg,
73
- .phila-icon--shadow i,
74
- .phila-icon--shadow .phila-icon__svg {
66
+ .phila-icon-core--shadow svg,
67
+ .phila-icon-core--shadow i,
68
+ .phila-icon-core--shadow .phila-icon-core__svg {
75
69
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.1));
76
70
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-core",
3
- "version": "3.0.0-beta.6",
3
+ "version": "3.0.0-beta.8",
4
4
  "type": "module",
5
5
  "description": "Core utilities and styles for Phila UI library",
6
6
  "main": "./dist/index.js",
@@ -12,10 +12,17 @@
12
12
  "import": "./dist/index.mjs",
13
13
  "require": "./dist/index.js"
14
14
  },
15
+ "./icons": {
16
+ "types": "./dist/icons.d.ts",
17
+ "import": "./dist/icons.mjs",
18
+ "require": "./dist/icons.js"
19
+ },
20
+ "./icons.css": "./dist/phila-icons.css",
15
21
  "./styles/*": "./dist/styles/*"
16
22
  },
17
23
  "files": [
18
- "dist"
24
+ "dist",
25
+ "NOTICE.md"
19
26
  ],
20
27
  "keywords": [
21
28
  "ui",
@@ -28,9 +35,7 @@
28
35
  "license": "MIT",
29
36
  "peerDependencies": {
30
37
  "vue": "^3.0.0",
31
- "vue-router": "^4.0.0",
32
- "@fortawesome/fontawesome-svg-core": "^7.1.0",
33
- "@fortawesome/vue-fontawesome": "^3.1.2"
38
+ "vue-router": "^4.0.0"
34
39
  },
35
40
  "peerDependenciesMeta": {
36
41
  "vue-router": {
@@ -49,13 +54,16 @@
49
54
  "vite": "^7.0.6",
50
55
  "@vitejs/plugin-vue": "^6.0.1",
51
56
  "vite-plugin-dts": "^3.9.1",
52
- "vite-plugin-lib-inject-css": "^2.2.2"
57
+ "vite-plugin-lib-inject-css": "^2.2.2",
58
+ "vite-svg-loader": "^5.1.0"
53
59
  },
54
60
  "scripts": {
55
- "build": "vite build && npm run copy-css",
61
+ "build": "npm run gen-icon-index && vite build && npm run copy-css && npm run gen-icon-css",
56
62
  "copy-css": "cp -r src/styles dist/",
57
- "build-win": "vite build && npm run copy-css-win",
63
+ "build-win": "npm run gen-icon-index && vite build && npm run copy-css-win && npm run gen-icon-css",
58
64
  "copy-css-win": "xcopy src\\styles dist\\styles /E /I /Y",
65
+ "gen-icon-index": "node scripts/generate-icon-index.mjs",
66
+ "gen-icon-css": "node scripts/generate-icon-css.mjs",
59
67
  "dev": "vite build --watch",
60
68
  "lint": "eslint src/**/*.{ts,vue}",
61
69
  "lint:fix": "eslint src/**/*.{ts,vue} --fix",