@keboola/design 1.0.0 → 1.2.0

package/README.md

@@ -51,33 +51,6 @@ For more information, read [Vitest's documentation](https://vitest.dev/guide/)
 
 ### Icons
 
-All icons should use `Icon` component, which is a wrapper around `FontAwesomeIcon`. Available icons are defined in FontAwesome kit.
+All icons should use the `Icon` component, which is a wrapper around `FontAwesomeIcon`. Browse the available icons in the Storybook `Icons` page.
 
-#### Managing FontAwesome icons
-
-First, go to [FontAwesome kit](https://fontawesome.com/kits/be8bcf7e5e/icons) and log in via [credentials from 1Password](https://start.1password.com/open/i?a=Z6RK6YPRYZESDHSAB2SWYZSSUM&v=3eqzewv3lbgwupxpmehccbswgq&i=6xk57yia2evbo63mdrtkwtluky&h=keboola.1password.com).
-
-**Adding existing FontAwesome icons:**
-
-- In <b>Pro Styles</b> you pick one style (e.g. <b>Solid</b>), search icon name and click on it
-- After you selected all new icons, click on <b>Save Subset</b>
-
-**Adding custom icons:**
-
-- Click on <b>Upload Icons</b> tab
-- Upload your custom SVG icon(s). Make sure the SVG follows FontAwesome's requirements:
-  - Single color (black fills, no strokes)
-  - Square viewBox (e.g., `0 0 512 512`)
-  - Clean, optimized SVG code
-- Give your icon a meaningful name (use kebab-case)
-- Click <b>Upload</b> and then <b>Save Subset</b>
-
-**Finalizing changes:**
-
-- Update the kit NPM package by running:
-
-```shell
-yarn workspace @keboola/design up @awesome.me/kit-be8bcf7e5e
-```
-
-**Note:** When using custom icons in code, you must use the `fak` prefix (e.g., `<Icon icon={['fak', 'custom-icon']} />`)
+When using custom icons (prefix `fak`), pass the icon as a tuple: `<Icon icon={['fak', 'custom-icon']} />`.

package/dist/icon-names.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var icons = require('@awesome.me/kit-be8bcf7e5e/icons');
+
+// src/icon-names.ts
+var getAvailableIconNames = () => {
+  const names = /* @__PURE__ */ new Set();
+  for (const def of Object.values(icons.fas)) {
+    if (def !== null && typeof def === "object" && "iconName" in def && typeof def.iconName === "string") {
+      names.add(def.iconName);
+    }
+  }
+  return [...names].sort();
+};
+
+exports.getAvailableIconNames = getAvailableIconNames;
+//# sourceMappingURL=icon-names.cjs.map
+//# sourceMappingURL=icon-names.cjs.map

package/dist/icon-names.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icon-names.ts"],"names":["fas"],"mappings":";;;;;AAMO,IAAM,wBAAwB,MAAgB;AACnD,EAAA,MAAM,KAAA,uBAAY,GAAA,EAAY;AAC9B,EAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,MAAA,CAAOA,SAAG,CAAA,EAAG;AACpC,IAAA,IACE,GAAA,KAAQ,IAAA,IACR,OAAO,GAAA,KAAQ,QAAA,IACf,cAAc,GAAA,IACd,OAAO,GAAA,CAAI,QAAA,KAAa,QAAA,EACxB;AACA,MAAA,KAAA,CAAM,GAAA,CAAI,IAAI,QAAQ,CAAA;AAAA,IACxB;AAAA,EACF;AACA,EAAA,OAAO,CAAC,GAAG,KAAK,CAAA,CAAE,IAAA,EAAK;AACzB","file":"icon-names.cjs","sourcesContent":["import { fas } from '@awesome.me/kit-be8bcf7e5e/icons';\n\n/**\n * Reads available FontAwesome solid icon names from the FA kit.\n * Returns deduplicated, sorted kebab-case icon names (e.g. \"chart-bar\", \"circle-check\").\n */\nexport const getAvailableIconNames = (): string[] => {\n  const names = new Set<string>();\n  for (const def of Object.values(fas)) {\n    if (\n      def !== null &&\n      typeof def === 'object' &&\n      'iconName' in def &&\n      typeof def.iconName === 'string'\n    ) {\n      names.add(def.iconName);\n    }\n  }\n  return [...names].sort();\n};\n"]}

package/dist/icon-names.js

@@ -0,0 +1,16 @@
+import { fas } from '@awesome.me/kit-be8bcf7e5e/icons';
+
+// src/icon-names.ts
+var getAvailableIconNames = () => {
+  const names = /* @__PURE__ */ new Set();
+  for (const def of Object.values(fas)) {
+    if (def !== null && typeof def === "object" && "iconName" in def && typeof def.iconName === "string") {
+      names.add(def.iconName);
+    }
+  }
+  return [...names].sort();
+};
+
+export { getAvailableIconNames };
+//# sourceMappingURL=icon-names.js.map
+//# sourceMappingURL=icon-names.js.map

package/dist/icon-names.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icon-names.ts"],"names":[],"mappings":";;;AAMO,IAAM,wBAAwB,MAAgB;AACnD,EAAA,MAAM,KAAA,uBAAY,GAAA,EAAY;AAC9B,EAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,MAAA,CAAO,GAAG,CAAA,EAAG;AACpC,IAAA,IACE,GAAA,KAAQ,IAAA,IACR,OAAO,GAAA,KAAQ,QAAA,IACf,cAAc,GAAA,IACd,OAAO,GAAA,CAAI,QAAA,KAAa,QAAA,EACxB;AACA,MAAA,KAAA,CAAM,GAAA,CAAI,IAAI,QAAQ,CAAA;AAAA,IACxB;AAAA,EACF;AACA,EAAA,OAAO,CAAC,GAAG,KAAK,CAAA,CAAE,IAAA,EAAK;AACzB","file":"icon-names.js","sourcesContent":["import { fas } from '@awesome.me/kit-be8bcf7e5e/icons';\n\n/**\n * Reads available FontAwesome solid icon names from the FA kit.\n * Returns deduplicated, sorted kebab-case icon names (e.g. \"chart-bar\", \"circle-check\").\n */\nexport const getAvailableIconNames = (): string[] => {\n  const names = new Set<string>();\n  for (const def of Object.values(fas)) {\n    if (\n      def !== null &&\n      typeof def === 'object' &&\n      'iconName' in def &&\n      typeof def.iconName === 'string'\n    ) {\n      names.add(def.iconName);\n    }\n  }\n  return [...names].sort();\n};\n"]}