sparkle-design-cli 1.3.7 → 1.3.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 (3) hide show
  1. package/lib/constants.js +4 -3
  2. package/package.json +1 -1
  3. package/templates/sparkle-variables/sparkle-design.template.css +5 -4
package/lib/constants.js CHANGED
@@ -21,11 +21,12 @@ export const PATHS = {
21
21
  // 正規表現パターン
22
22
  export const REGEX = {
23
23
  // フォント関連
24
- FONT_IMPORT: /@import\s+url\([^)]+fonts\.googleapis\.com[^)]+\);?/g,
24
+ FONT_IMPORT:
25
+ /@import\s+(?:url\([^)]+fonts\.googleapis\.com[^)]+\)|['"][^"']*fonts\.googleapis\.com[^"']*['"]);?/g,
25
26
  FONT_IMPORT_WITH_COMMENT:
26
- /\/\*\s*フォントのインポート\s*\*\/\s*\n?|@import\s+url\([^)]+fonts\.googleapis\.com[^)]+\);?\s*\n?/g,
27
+ /\/\*\s*フォントのインポート\s*\*\/\s*\n?|@import\s+(?:url\([^)]+fonts\.googleapis\.com[^)]+\)|['"][^"']*fonts\.googleapis\.com[^"']*['"]);?\s*\n?/g,
27
28
  EXISTING_FONT_IMPORT_BLOCK:
28
- /\/\*\s*フォントのインポート[^*]*\*\/\s*\n?(?:@import\s+url\([^)]+fonts\.googleapis\.com[^)]+\);?\s*\n?)*\n?/g,
29
+ /\/\*\s*フォントのインポート[^*]*\*\/\s*\n?(?:@import\s+(?:url\([^)]+fonts\.googleapis\.com[^)]+\)|['"][^"']*fonts\.googleapis\.com[^"']*['"]);?\s*\n?)*\n?/g,
29
30
 
30
31
  // Sparkle Design関連
31
32
  SPARKLE_IMPORT:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sparkle-design-cli",
3
- "version": "1.3.7",
3
+ "version": "1.3.8",
4
4
  "description": "Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール",
5
5
  "main": "lib/generate-css.js",
6
6
  "type": "module",
package/templates/sparkle-variables/sparkle-design.template.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* フォントのインポート */
2
- @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,0..200&display=block');
3
- @import url('https://fonts.googleapis.com/css2?family={{FONT_PRO_URL}}:wght@400;700&display=swap');
4
- @import url('https://fonts.googleapis.com/css2?family={{FONT_MONO_URL}}:wght@400;700&display=swap');
2
+ @import 'https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,0..200&display=block';
3
+ @import 'https://fonts.googleapis.com/css2?family={{FONT_PRO_URL}}:wght@400;700&display=swap';
4
+ @import 'https://fonts.googleapis.com/css2?family={{FONT_MONO_URL}}:wght@400;700&display=swap';
5
5
 
6
6
  /* Primitive Tokens */
7
7
  :root {
@@ -81,13 +81,14 @@
81
81
  0px 4px 6px -4px var(--color-black-alpha-100);
82
82
  }
83
83
 
84
- /* セマンティックトークン - CSS変数としてランタイムで利用可能にする */
84
+ /* ベーススタイル */
85
85
  @layer base {
86
86
  body {
87
87
  font-family: var(--font-family-pro);
88
88
  }
89
89
  }
90
90
 
91
+ /* セマンティックトークン - CSS変数としてランタイムで利用可能にする */
91
92
  :root {
92
93
  /* セマンティクスカラー定義 */
93
94
  --color-neutral-50: var(--color-gray-50);