@spectrum-web-components/icons-ui 0.42.2 → 0.42.4

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 (5) hide show
  1. package/bin/build.js +69 -63
  2. package/package.json +6 -6
  3. package/src/custom-tag.d.ts +2 -2
  4. package/stories/icons-ui.stories.js +1 -2
  5. package/stories/icons-ui.stories.js.map +1 -1
package/bin/build.js CHANGED
@@ -141,20 +141,22 @@ icons.forEach((i) => {
141
141
  }
142
142
  `;
143
143
 
144
- const icon = prettier.format(iconLiteral, {
145
- printWidth: 100,
146
- tabWidth: 2,
147
- useTabs: false,
148
- semi: true,
149
- singleQuote: true,
150
- trailingComma: 'all',
151
- bracketSpacing: true,
152
- jsxBracketSameLine: false,
153
- arrowParens: 'avoid',
154
- parser: 'typescript',
155
- });
156
-
157
- fs.writeFileSync(location, icon, 'utf-8');
144
+ prettier
145
+ .format(iconLiteral, {
146
+ printWidth: 100,
147
+ tabWidth: 2,
148
+ useTabs: false,
149
+ semi: true,
150
+ singleQuote: true,
151
+ trailingComma: 'all',
152
+ bracketSpacing: true,
153
+ jsxBracketSameLine: false,
154
+ arrowParens: 'avoid',
155
+ parser: 'typescript',
156
+ })
157
+ .then((icon) => {
158
+ fs.writeFileSync(location, icon, 'utf-8');
159
+ });
158
160
 
159
161
  const exportString = `export {${ComponentName}Icon} from './icons/${id}.js';\r\n`;
160
162
  fs.appendFileSync(
@@ -192,31 +194,33 @@ icons.forEach((i) => {
192
194
  }
193
195
  }
194
196
  `;
195
- const iconElementFile = prettier.format(iconElement, {
196
- printWidth: 100,
197
- tabWidth: 2,
198
- useTabs: false,
199
- semi: true,
200
- singleQuote: true,
201
- trailingComma: 'all',
202
- bracketSpacing: true,
203
- jsxBracketSameLine: false,
204
- arrowParens: 'avoid',
205
- parser: 'typescript',
206
- });
207
-
208
- fs.writeFileSync(
209
- path.join(
210
- rootDir,
211
- 'packages',
212
- 'icons-ui',
213
- 'src',
214
- 'elements',
215
- `Icon${id}.ts`
216
- ),
217
- iconElementFile,
218
- 'utf-8'
219
- );
197
+ prettier
198
+ .format(iconElement, {
199
+ printWidth: 100,
200
+ tabWidth: 2,
201
+ useTabs: false,
202
+ semi: true,
203
+ singleQuote: true,
204
+ trailingComma: 'all',
205
+ bracketSpacing: true,
206
+ jsxBracketSameLine: false,
207
+ arrowParens: 'avoid',
208
+ parser: 'typescript',
209
+ })
210
+ .then((iconElementFile) => {
211
+ fs.writeFileSync(
212
+ path.join(
213
+ rootDir,
214
+ 'packages',
215
+ 'icons-ui',
216
+ 'src',
217
+ 'elements',
218
+ `Icon${id}.ts`
219
+ ),
220
+ iconElementFile,
221
+ 'utf-8'
222
+ );
223
+ });
220
224
 
221
225
  const iconRegistration = `
222
226
  ${disclaimer}
@@ -232,30 +236,32 @@ icons.forEach((i) => {
232
236
  }
233
237
  }
234
238
  `;
235
- const iconRegistrationFile = prettier.format(iconRegistration, {
236
- printWidth: 100,
237
- tabWidth: 2,
238
- useTabs: false,
239
- semi: true,
240
- singleQuote: true,
241
- trailingComma: 'all',
242
- bracketSpacing: true,
243
- jsxBracketSameLine: false,
244
- arrowParens: 'avoid',
245
- parser: 'typescript',
246
- });
247
-
248
- fs.writeFileSync(
249
- path.join(
250
- rootDir,
251
- 'packages',
252
- 'icons-ui',
253
- 'icons',
254
- `${iconElementName}.ts`
255
- ),
256
- iconRegistrationFile,
257
- 'utf-8'
258
- );
239
+ prettier
240
+ .format(iconRegistration, {
241
+ printWidth: 100,
242
+ tabWidth: 2,
243
+ useTabs: false,
244
+ semi: true,
245
+ singleQuote: true,
246
+ trailingComma: 'all',
247
+ bracketSpacing: true,
248
+ jsxBracketSameLine: false,
249
+ arrowParens: 'avoid',
250
+ parser: 'typescript',
251
+ })
252
+ .then((iconRegistrationFile) => {
253
+ fs.writeFileSync(
254
+ path.join(
255
+ rootDir,
256
+ 'packages',
257
+ 'icons-ui',
258
+ 'icons',
259
+ `${iconElementName}.ts`
260
+ ),
261
+ iconRegistrationFile,
262
+ 'utf-8'
263
+ );
264
+ });
259
265
  const importStatement = `\r\nimport '@spectrum-web-components/icons-ui/icons/${iconElementName}.js';`;
260
266
  const metadata = `{name: '${Case.sentence(
261
267
  ComponentName
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/icons-ui",
3
- "version": "0.42.2",
3
+ "version": "0.42.4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -44,9 +44,9 @@
44
44
  "lit-html"
45
45
  ],
46
46
  "dependencies": {
47
- "@spectrum-web-components/base": "^0.42.2",
48
- "@spectrum-web-components/icon": "^0.42.2",
49
- "@spectrum-web-components/iconset": "^0.42.2"
47
+ "@spectrum-web-components/base": "^0.42.4",
48
+ "@spectrum-web-components/icon": "^0.42.4",
49
+ "@spectrum-web-components/iconset": "^0.42.4"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@spectrum-css/ui-icons": "^1.1.2",
@@ -55,7 +55,7 @@
55
55
  "fast-glob": "^3.2.12",
56
56
  "fs": "^0.0.1-security",
57
57
  "path": "^0.12.7",
58
- "prettier": "^2.7.1"
58
+ "prettier": "^3.0.0"
59
59
  },
60
60
  "types": "./src/index.d.ts",
61
61
  "customElements": "custom-elements.json",
@@ -63,5 +63,5 @@
63
63
  "./src/index.js",
64
64
  "./icons/*"
65
65
  ],
66
- "gitHead": "e19af30387032608baaa88c6a17c2ee50103a7c5"
66
+ "gitHead": "4924ffd06681ced537edaed873a9ce8b42cf155c"
67
67
  }
package/src/custom-tag.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, TemplateResult } from '@spectrum-web-components/base';
2
2
  export type { TemplateResult };
3
- export declare type GenericTemplateLiteralTagType = (strings: TemplateStringsArray, ...values: unknown[]) => string;
4
- declare type TemplateLiteralTagType = GenericTemplateLiteralTagType | typeof html;
3
+ export type GenericTemplateLiteralTagType = (strings: TemplateStringsArray, ...values: unknown[]) => string;
4
+ type TemplateLiteralTagType = GenericTemplateLiteralTagType | typeof html;
5
5
  export declare const tag: (strings: TemplateStringsArray, ...values: unknown[]) => string | TemplateResult;
6
6
  export declare const setCustomTemplateLiteralTag: (tag: TemplateLiteralTagType) => void;
package/stories/icons-ui.stories.js CHANGED
@@ -60,8 +60,7 @@ export const Icons = ({ color, size }) => {
60
60
  const content = import("../").then((icons) => {
61
61
  const iconTemplates = [];
62
62
  for (const icon in icons) {
63
- if (icon === "setCustomTemplateLiteralTag")
64
- continue;
63
+ if (icon === "setCustomTemplateLiteralTag") continue;
65
64
  iconTemplates.push({
66
65
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
67
66
  template: icons[icon],
package/stories/icons-ui.stories.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["icons-ui.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '../../iconset/stories/icons-demo.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport { until } from '@spectrum-web-components/base/src/directives.js';\n\nexport default {\n title: 'Icons/UI',\n argTypes: {\n color: { control: 'color' },\n size: {\n control: {\n type: 'inline-radio',\n options: ['s', 'm', 'l', 'xl'],\n },\n },\n },\n args: {\n color: '#000000',\n size: 'm',\n },\n swc_vrt: {\n preload: async (): Promise<void> => {\n await import('./icon-manifest.js');\n },\n },\n};\n\ninterface Properties {\n color: string;\n size: 's' | 'm' | 'l' | 'xl';\n}\n\nexport const elements = ({ color, size }: Properties): TemplateResult => {\n const content = import('./icon-manifest.js').then(\n (iconManifest) => html`\n <icons-demo\n style=\"color: ${color}\"\n size=${size}\n .icons=${iconManifest.iconManifest}\n ></icons-demo>\n `\n );\n return html`\n <style>\n .icon {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n sp-icon {\n margin-bottom: 10px;\n }\n </style>\n <delayed-ready>\n ${until(\n content,\n html`\n Loading...\n `\n )}\n </delayed-ready>\n `;\n};\n\nexport const Icons = ({ color, size }: Properties): TemplateResult => {\n const content = import('../').then((icons) => {\n const iconTemplates: {\n template: () => TemplateResult;\n name: string;\n }[] = [];\n for (const icon in icons) {\n if (icon === 'setCustomTemplateLiteralTag') continue;\n iconTemplates.push({\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n template: (icons as any)[icon],\n name: icon,\n });\n }\n return html`\n <icons-demo style=\"color: ${color}\">\n ${iconTemplates.map(\n (icon) => html`\n <bdo class=\"icon\" dir=\"ltr\">\n <sp-icon size=${size}>${icon.template()}</sp-icon>\n ${icon.name}\n </bdo>\n `\n )}\n </icons-demo>\n `;\n });\n return html`\n <style>\n .icon {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n sp-icon {\n margin-bottom: 10px;\n }\n </style>\n <delayed-ready>\n ${until(\n content,\n html`\n Loading...\n `\n )}\n </delayed-ready>\n `;\n};\n"],
5
- "mappings": ";AAYA,OAAO;AACP,OAAO;AACP,SAAS,YAA4B;AACrC,SAAS,aAAa;AAEtB,eAAe;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACN,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B,MAAM;AAAA,MACF,SAAS;AAAA,QACL,MAAM;AAAA,QACN,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACL,SAAS,YAA2B;AAChC,YAAM,OAAO,oBAAoB;AAAA,IACrC;AAAA,EACJ;AACJ;AAOO,aAAM,WAAW,CAAC,EAAE,OAAO,KAAK,MAAkC;AACrE,QAAM,UAAU,OAAO,oBAAoB,EAAE;AAAA,IACzC,CAAC,iBAAiB;AAAA;AAAA,gCAEM,KAAK;AAAA,uBACd,IAAI;AAAA,yBACF,aAAa,YAAY;AAAA;AAAA;AAAA,EAG9C;AACA,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA,EAGJ,CAAC;AAAA;AAAA;AAGb;AAEO,aAAM,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAkC;AAClE,QAAM,UAAU,OAAO,KAAK,EAAE,KAAK,CAAC,UAAU;AAC1C,UAAM,gBAGA,CAAC;AACP,eAAW,QAAQ,OAAO;AACtB,UAAI,SAAS;AAA+B;AAC5C,oBAAc,KAAK;AAAA;AAAA,QAEf,UAAW,MAAc,IAAI;AAAA,QAC7B,MAAM;AAAA,MACV,CAAC;AAAA,IACL;AACA,WAAO;AAAA,wCACyB,KAAK;AAAA,kBAC3B,cAAc;AAAA,MACZ,CAAC,SAAS;AAAA;AAAA,4CAEc,IAAI,IAAI,KAAK,SAAS,CAAC;AAAA,8BACrC,KAAK,IAAI;AAAA;AAAA;AAAA,IAGvB,CAAC;AAAA;AAAA;AAAA,EAGb,CAAC;AACD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA,EAGJ,CAAC;AAAA;AAAA;AAGb;",
5
+ "mappings": ";AAYA,OAAO;AACP,OAAO;AACP,SAAS,YAA4B;AACrC,SAAS,aAAa;AAEtB,eAAe;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACN,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B,MAAM;AAAA,MACF,SAAS;AAAA,QACL,MAAM;AAAA,QACN,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACL,SAAS,YAA2B;AAChC,YAAM,OAAO,oBAAoB;AAAA,IACrC;AAAA,EACJ;AACJ;AAOO,aAAM,WAAW,CAAC,EAAE,OAAO,KAAK,MAAkC;AACrE,QAAM,UAAU,OAAO,oBAAoB,EAAE;AAAA,IACzC,CAAC,iBAAiB;AAAA;AAAA,gCAEM,KAAK;AAAA,uBACd,IAAI;AAAA,yBACF,aAAa,YAAY;AAAA;AAAA;AAAA,EAG9C;AACA,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA,EAGJ,CAAC;AAAA;AAAA;AAGb;AAEO,aAAM,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAkC;AAClE,QAAM,UAAU,OAAO,KAAK,EAAE,KAAK,CAAC,UAAU;AAC1C,UAAM,gBAGA,CAAC;AACP,eAAW,QAAQ,OAAO;AACtB,UAAI,SAAS,8BAA+B;AAC5C,oBAAc,KAAK;AAAA;AAAA,QAEf,UAAW,MAAc,IAAI;AAAA,QAC7B,MAAM;AAAA,MACV,CAAC;AAAA,IACL;AACA,WAAO;AAAA,wCACyB,KAAK;AAAA,kBAC3B,cAAc;AAAA,MACZ,CAAC,SAAS;AAAA;AAAA,4CAEc,IAAI,IAAI,KAAK,SAAS,CAAC;AAAA,8BACrC,KAAK,IAAI;AAAA;AAAA;AAAA,IAGvB,CAAC;AAAA;AAAA;AAAA,EAGb,CAAC;AACD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA,EAGJ,CAAC;AAAA;AAAA;AAGb;",
6
6
  "names": []
7
7
  }