From c9ded11e8571700922b395ce73c64d3b06544060 Mon Sep 17 00:00:00 2001 From: Ravi Lingineni Date: Wed, 5 Feb 2025 17:30:49 -0800 Subject: [PATCH] init icons --- .../foundations/iconography/ICON_DATA.json | 30 +++++++ docs/public/icons-diff.html | 83 +++++++++++++------ docs/public/vr-icons-diff.html | 20 +++-- .../dist/classic/index.d.ts | 3 + .../dist/vr-theme/index.d.ts | 1 + .../src/classic/ic_animate_gestalt.svg | 2 +- .../src/classic/ic_clock-checked_gestalt.svg | 2 +- .../src/classic/ic_cog-fill_gestalt.svg | 1 + .../src/classic/ic_compass-fill_gestalt.svg | 1 + .../src/classic/ic_ferris-wheel_gestalt.svg | 1 + .../classic/ic_flash-automatic_gestalt.svg | 2 +- .../src/classic/ic_paper-clip_gestalt.svg | 2 +- .../src/classic/ic_search_gestalt.svg | 2 +- .../src/classic/index.ts | 6 ++ .../vr-theme/ic_vr_ferris-wheel_gestalt.svg | 1 + .../src/vr-theme/index.ts | 2 + .../src/icons-vr-theme/ferris-wheel.svg | 1 + packages/gestalt/src/icons-vr-theme/index.ts | 2 + packages/gestalt/src/icons/animate.svg | 2 +- packages/gestalt/src/icons/clock-checked.svg | 2 +- packages/gestalt/src/icons/cog-fill.svg | 1 + packages/gestalt/src/icons/compass-fill.svg | 1 + packages/gestalt/src/icons/ferris-wheel.svg | 1 + .../gestalt/src/icons/flash-automatic.svg | 2 +- packages/gestalt/src/icons/index.ts | 6 ++ packages/gestalt/src/icons/paper-clip.svg | 2 +- packages/gestalt/src/icons/search.svg | 2 +- 27 files changed, 140 insertions(+), 41 deletions(-) create mode 100644 packages/gestalt-icons-android/src/classic/ic_cog-fill_gestalt.svg create mode 100644 packages/gestalt-icons-android/src/classic/ic_compass-fill_gestalt.svg create mode 100644 packages/gestalt-icons-android/src/classic/ic_ferris-wheel_gestalt.svg create mode 100644 packages/gestalt-icons-android/src/vr-theme/ic_vr_ferris-wheel_gestalt.svg create mode 100644 packages/gestalt/src/icons-vr-theme/ferris-wheel.svg create mode 100644 packages/gestalt/src/icons/cog-fill.svg create mode 100644 packages/gestalt/src/icons/compass-fill.svg create mode 100644 packages/gestalt/src/icons/ferris-wheel.svg diff --git a/docs/pages/foundations/iconography/ICON_DATA.json b/docs/pages/foundations/iconography/ICON_DATA.json index 6309906a60..8281ee9713 100644 --- a/docs/pages/foundations/iconography/ICON_DATA.json +++ b/docs/pages/foundations/iconography/ICON_DATA.json @@ -466,6 +466,12 @@ "description": "Indicates setting options are available", "keywords": ["settings", "gear", "nut"] }, + { + "name": "cog-fill", + "categories": ["Controls"], + "description": "Indicates setting options are available.", + "keywords": ["settings", "gear", "nut"] + }, { "name": "collapse", "categories": [], @@ -520,6 +526,12 @@ "description": "Indicates directions", "keywords": ["direction", "explore"] }, + { + "name": "compass-fill", + "categories": ["Object"], + "description": "Indicates directions or exploration", + "keywords": ["direction", "explore"] + }, { "name": "compose", "categories": ["Utility and tools"], @@ -707,6 +719,12 @@ "description": "Description pending", "keywords": [] }, + { + "name": "ferris-wheel", + "categories": ["Object"], + "description": "Indicates Coachella", + "keywords": ["festival"] + }, { "name": "file-box", "categories": ["Utility and tools"], @@ -1559,6 +1577,18 @@ "description": "Description pending", "keywords": [] }, + { + "name": "square-plus", + "categories": ["navigation"], + "description": "Indicates the ability to create or add content.", + "keywords": ["add", "create", "new"] + }, + { + "name": "square-plus-fill", + "categories": ["navigation"], + "description": "Indicates the ability to create or add content.", + "keywords": ["add", "create", "new"] + }, { "name": "star", "categories": ["Reactions and ratings"], diff --git a/docs/public/icons-diff.html b/docs/public/icons-diff.html index fa7f660825..eb7be72d0c 100644 --- a/docs/public/icons-diff.html +++ b/docs/public/icons-diff.html @@ -1301,7 +1301,7 @@
@@ -1326,15 +1326,15 @@
-
Orig 234
+
Orig 335
New 335
-
Diff 43.16%
+
Diff 0.00%
@@ -3863,7 +3863,7 @@
@@ -3888,15 +3888,15 @@
-
Orig 468
+
Orig 455
New 455
-
Diff -2.78%
+
Diff 0.00%
@@ -6317,7 +6317,7 @@
@@ -6342,15 +6342,15 @@
-
Orig 366
+
Orig 296
New 296
-
Diff -19.13%
+
Diff 0.00%
@@ -9955,7 +9955,7 @@
@@ -9980,7 +9980,7 @@
@@ -11719,7 +11719,7 @@
@@ -11744,15 +11744,15 @@
-
Orig 196
+
Orig 229
New 229
-
Diff 16.84%
+
Diff 0.00%
@@ -15918,7 +15918,7 @@
New Icons
- 19 icons appear in the + 22 icons appear in the Figma file.
+
+
+ + + +
+
cog-fill.svg
+
@@ -16119,21 +16129,42 @@
compact-workflow-status-warning.svg
+
+
+ + + +
+
compass-fill.svg
+
+
+
+ + + +
+
ferris-wheel.svg
+
Stats
-
Last Update: Thu Jan 09 2025 5:24:41 PM
+
Last Update: Wed Feb 05 2025 3:17:58 PM
Current SVG icons file count: 376
- Current SVG icon total size (bytes): 142951 + Current SVG icon total size (bytes): 143002
-
New SVG icon file count: 395
-
New SVG icon total size (bytes): 147374
+
New SVG icon file count: 398
+
New SVG icon total size (bytes): 148882
Missing icons:
- New icons:
compact-add.svg, compact-arrow-up-right.svg, - compact-cancel.svg, compact-check-circle-fill.svg, compact-check.svg, + New icons:
cog-fill.svg, compact-add.svg, + compact-arrow-up-right.svg, compact-cancel.svg, + compact-check-circle-fill.svg, compact-check.svg, compact-chevron-down.svg, compact-chevron-left.svg, compact-chevron-right.svg, compact-chevron-up.svg, compact-dash.svg, compact-info-circle-fill.svg, compact-lock.svg, compact-sparkle.svg, @@ -16142,7 +16173,7 @@ compact-workflow-status-in-progress.svg, compact-workflow-status-problem.svg, compact-workflow-status-unstarted.svg, - compact-workflow-status-warning.svg + compact-workflow-status-warning.svg, compass-fill.svg, ferris-wheel.svg
diff --git a/docs/public/vr-icons-diff.html b/docs/public/vr-icons-diff.html index d7fb786642..97e92195f5 100644 --- a/docs/public/vr-icons-diff.html +++ b/docs/public/vr-icons-diff.html @@ -15878,7 +15878,7 @@
New Icons
- 18 icons appear in the + 19 icons appear in the Figma file
compact-workflow-status-warning.svg
+
+
+ + + +
+
ferris-wheel.svg
+
Stats
-
Last Update: Thu Jan 09 2025 5:24:41 PM
+
Last Update: Wed Feb 05 2025 3:17:58 PM
Current SVG icons file count: 376
Current SVG icon total size (bytes): 146556
-
New SVG icon file count: 394
-
New SVG icon total size (bytes): 149564
+
New SVG icon file count: 395
+
New SVG icon total size (bytes): 150755
Missing icons:
New icons:
compact-add.svg, compact-arrow-up-right.svg, @@ -16076,7 +16086,7 @@ compact-workflow-status-in-progress.svg, compact-workflow-status-problem.svg, compact-workflow-status-unstarted.svg, - compact-workflow-status-warning.svg + compact-workflow-status-warning.svg, ferris-wheel.svg
diff --git a/packages/gestalt-icons-android/dist/classic/index.d.ts b/packages/gestalt-icons-android/dist/classic/index.d.ts index e7de8c35dd..4fbd064892 100644 --- a/packages/gestalt-icons-android/dist/classic/index.d.ts +++ b/packages/gestalt-icons-android/dist/classic/index.d.ts @@ -92,6 +92,7 @@ declare const icons: Readonly<{ code: any; 'code-check': any; cog: any; + 'cog-fill': any; collage: any; collapse: any; color: any; @@ -100,6 +101,7 @@ declare const icons: Readonly<{ 'color-solid': any; 'color-split': any; compass: any; + 'compass-fill': any; compose: any; contrast: any; 'conversion-tag': any; @@ -138,6 +140,7 @@ declare const icons: Readonly<{ 'face-tryon': any; facebook: any; fade: any; + 'ferris-wheel': any; 'file-box': any; 'file-unknown': any; 'fill-opaque': any; diff --git a/packages/gestalt-icons-android/dist/vr-theme/index.d.ts b/packages/gestalt-icons-android/dist/vr-theme/index.d.ts index e7de8c35dd..4fd53125e1 100644 --- a/packages/gestalt-icons-android/dist/vr-theme/index.d.ts +++ b/packages/gestalt-icons-android/dist/vr-theme/index.d.ts @@ -138,6 +138,7 @@ declare const icons: Readonly<{ 'face-tryon': any; facebook: any; fade: any; + 'ferris-wheel': any; 'file-box': any; 'file-unknown': any; 'fill-opaque': any; diff --git a/packages/gestalt-icons-android/src/classic/ic_animate_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_animate_gestalt.svg index ac1ed3e63b..41e65ca760 100644 --- a/packages/gestalt-icons-android/src/classic/ic_animate_gestalt.svg +++ b/packages/gestalt-icons-android/src/classic/ic_animate_gestalt.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/ic_clock-checked_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_clock-checked_gestalt.svg index 226799453e..30f054a3e0 100644 --- a/packages/gestalt-icons-android/src/classic/ic_clock-checked_gestalt.svg +++ b/packages/gestalt-icons-android/src/classic/ic_clock-checked_gestalt.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/ic_cog-fill_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_cog-fill_gestalt.svg new file mode 100644 index 0000000000..2a5336c9b6 --- /dev/null +++ b/packages/gestalt-icons-android/src/classic/ic_cog-fill_gestalt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/ic_compass-fill_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_compass-fill_gestalt.svg new file mode 100644 index 0000000000..4aefcda941 --- /dev/null +++ b/packages/gestalt-icons-android/src/classic/ic_compass-fill_gestalt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/ic_ferris-wheel_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_ferris-wheel_gestalt.svg new file mode 100644 index 0000000000..5a606fa02f --- /dev/null +++ b/packages/gestalt-icons-android/src/classic/ic_ferris-wheel_gestalt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/ic_flash-automatic_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_flash-automatic_gestalt.svg index 7540bdcd5a..51308a040b 100644 --- a/packages/gestalt-icons-android/src/classic/ic_flash-automatic_gestalt.svg +++ b/packages/gestalt-icons-android/src/classic/ic_flash-automatic_gestalt.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/ic_paper-clip_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_paper-clip_gestalt.svg index a74aa91d80..bcb188deb9 100644 --- a/packages/gestalt-icons-android/src/classic/ic_paper-clip_gestalt.svg +++ b/packages/gestalt-icons-android/src/classic/ic_paper-clip_gestalt.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/ic_search_gestalt.svg b/packages/gestalt-icons-android/src/classic/ic_search_gestalt.svg index fcb8ae7c09..1ca255dfab 100644 --- a/packages/gestalt-icons-android/src/classic/ic_search_gestalt.svg +++ b/packages/gestalt-icons-android/src/classic/ic_search_gestalt.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/classic/index.ts b/packages/gestalt-icons-android/src/classic/index.ts index 6c3d9a0a2b..a6fb1ce30f 100644 --- a/packages/gestalt-icons-android/src/classic/index.ts +++ b/packages/gestalt-icons-android/src/classic/index.ts @@ -91,6 +91,7 @@ import cloudServer from './ic_cloud-server_gestalt.svg'; import code from './ic_code_gestalt.svg'; import codeCheck from './ic_code-check_gestalt.svg'; import cog from './ic_cog_gestalt.svg'; +import cogFill from './ic_cog-fill_gestalt.svg'; import collage from './ic_collage_gestalt.svg'; import collapse from './ic_collapse_gestalt.svg'; import color from './ic_color_gestalt.svg'; @@ -99,6 +100,7 @@ import colorPicker from './ic_color-picker_gestalt.svg'; import colorSolid from './ic_color-solid_gestalt.svg'; import colorSplit from './ic_color-split_gestalt.svg'; import compass from './ic_compass_gestalt.svg'; +import compassFill from './ic_compass-fill_gestalt.svg'; import compose from './ic_compose_gestalt.svg'; import contrast from './ic_contrast_gestalt.svg'; import conversionTag from './ic_conversion-tag_gestalt.svg'; @@ -137,6 +139,7 @@ import faceSmileyPlus from './ic_face-smiley-plus_gestalt.svg'; import faceTryon from './ic_face-tryon_gestalt.svg'; import facebook from './ic_facebook_gestalt.svg'; import fade from './ic_fade_gestalt.svg'; +import ferrisWheel from './ic_ferris-wheel_gestalt.svg'; import fileBox from './ic_file-box_gestalt.svg'; import fileUnknown from './ic_file-unknown_gestalt.svg'; import fillOpaque from './ic_fill-opaque_gestalt.svg'; @@ -469,6 +472,7 @@ const icons = Object.freeze({ 'code': code, 'code-check': codeCheck, 'cog': cog, + 'cog-fill': cogFill, 'collage': collage, 'collapse': collapse, 'color': color, @@ -477,6 +481,7 @@ const icons = Object.freeze({ 'color-solid': colorSolid, 'color-split': colorSplit, 'compass': compass, + 'compass-fill': compassFill, 'compose': compose, 'contrast': contrast, 'conversion-tag': conversionTag, @@ -515,6 +520,7 @@ const icons = Object.freeze({ 'face-tryon': faceTryon, 'facebook': facebook, 'fade': fade, + 'ferris-wheel': ferrisWheel, 'file-box': fileBox, 'file-unknown': fileUnknown, 'fill-opaque': fillOpaque, diff --git a/packages/gestalt-icons-android/src/vr-theme/ic_vr_ferris-wheel_gestalt.svg b/packages/gestalt-icons-android/src/vr-theme/ic_vr_ferris-wheel_gestalt.svg new file mode 100644 index 0000000000..6dae0f517a --- /dev/null +++ b/packages/gestalt-icons-android/src/vr-theme/ic_vr_ferris-wheel_gestalt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt-icons-android/src/vr-theme/index.ts b/packages/gestalt-icons-android/src/vr-theme/index.ts index 16bc20d3ea..de2226aa12 100644 --- a/packages/gestalt-icons-android/src/vr-theme/index.ts +++ b/packages/gestalt-icons-android/src/vr-theme/index.ts @@ -137,6 +137,7 @@ import faceSmileyPlus from './ic_vr_face-smiley-plus_gestalt.svg'; import faceTryon from './ic_vr_face-tryon_gestalt.svg'; import facebook from './ic_vr_facebook_gestalt.svg'; import fade from './ic_vr_fade_gestalt.svg'; +import ferrisWheel from './ic_vr_ferris-wheel_gestalt.svg'; import fileBox from './ic_vr_file-box_gestalt.svg'; import fileUnknown from './ic_vr_file-unknown_gestalt.svg'; import fillOpaque from './ic_vr_fill-opaque_gestalt.svg'; @@ -515,6 +516,7 @@ const icons = Object.freeze({ 'face-tryon': faceTryon, 'facebook': facebook, 'fade': fade, + 'ferris-wheel': ferrisWheel, 'file-box': fileBox, 'file-unknown': fileUnknown, 'fill-opaque': fillOpaque, diff --git a/packages/gestalt/src/icons-vr-theme/ferris-wheel.svg b/packages/gestalt/src/icons-vr-theme/ferris-wheel.svg new file mode 100644 index 0000000000..6dae0f517a --- /dev/null +++ b/packages/gestalt/src/icons-vr-theme/ferris-wheel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt/src/icons-vr-theme/index.ts b/packages/gestalt/src/icons-vr-theme/index.ts index ad93929754..f9dba1fed7 100644 --- a/packages/gestalt/src/icons-vr-theme/index.ts +++ b/packages/gestalt/src/icons-vr-theme/index.ts @@ -137,6 +137,7 @@ import faceSmileyPlus from './face-smiley-plus.svg'; import faceTryon from './face-tryon.svg'; import facebook from './facebook.svg'; import fade from './fade.svg'; +import ferrisWheel from './ferris-wheel.svg'; import fileBox from './file-box.svg'; import fileUnknown from './file-unknown.svg'; import fillOpaque from './fill-opaque.svg'; @@ -515,6 +516,7 @@ const icons = Object.freeze({ 'face-tryon': faceTryon, 'facebook': facebook, 'fade': fade, + 'ferris-wheel': ferrisWheel, 'file-box': fileBox, 'file-unknown': fileUnknown, 'fill-opaque': fillOpaque, diff --git a/packages/gestalt/src/icons/animate.svg b/packages/gestalt/src/icons/animate.svg index ac1ed3e63b..41e65ca760 100644 --- a/packages/gestalt/src/icons/animate.svg +++ b/packages/gestalt/src/icons/animate.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt/src/icons/clock-checked.svg b/packages/gestalt/src/icons/clock-checked.svg index 226799453e..30f054a3e0 100644 --- a/packages/gestalt/src/icons/clock-checked.svg +++ b/packages/gestalt/src/icons/clock-checked.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt/src/icons/cog-fill.svg b/packages/gestalt/src/icons/cog-fill.svg new file mode 100644 index 0000000000..2a5336c9b6 --- /dev/null +++ b/packages/gestalt/src/icons/cog-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt/src/icons/compass-fill.svg b/packages/gestalt/src/icons/compass-fill.svg new file mode 100644 index 0000000000..4aefcda941 --- /dev/null +++ b/packages/gestalt/src/icons/compass-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt/src/icons/ferris-wheel.svg b/packages/gestalt/src/icons/ferris-wheel.svg new file mode 100644 index 0000000000..5a606fa02f --- /dev/null +++ b/packages/gestalt/src/icons/ferris-wheel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/gestalt/src/icons/flash-automatic.svg b/packages/gestalt/src/icons/flash-automatic.svg index 7540bdcd5a..51308a040b 100644 --- a/packages/gestalt/src/icons/flash-automatic.svg +++ b/packages/gestalt/src/icons/flash-automatic.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt/src/icons/index.ts b/packages/gestalt/src/icons/index.ts index ad93929754..d0bb987da6 100644 --- a/packages/gestalt/src/icons/index.ts +++ b/packages/gestalt/src/icons/index.ts @@ -91,6 +91,7 @@ import cloudServer from './cloud-server.svg'; import code from './code.svg'; import codeCheck from './code-check.svg'; import cog from './cog.svg'; +import cogFill from './cog-fill.svg'; import collage from './collage.svg'; import collapse from './collapse.svg'; import color from './color.svg'; @@ -99,6 +100,7 @@ import colorPicker from './color-picker.svg'; import colorSolid from './color-solid.svg'; import colorSplit from './color-split.svg'; import compass from './compass.svg'; +import compassFill from './compass-fill.svg'; import compose from './compose.svg'; import contrast from './contrast.svg'; import conversionTag from './conversion-tag.svg'; @@ -137,6 +139,7 @@ import faceSmileyPlus from './face-smiley-plus.svg'; import faceTryon from './face-tryon.svg'; import facebook from './facebook.svg'; import fade from './fade.svg'; +import ferrisWheel from './ferris-wheel.svg'; import fileBox from './file-box.svg'; import fileUnknown from './file-unknown.svg'; import fillOpaque from './fill-opaque.svg'; @@ -469,6 +472,7 @@ const icons = Object.freeze({ 'code': code, 'code-check': codeCheck, 'cog': cog, + 'cog-fill': cogFill, 'collage': collage, 'collapse': collapse, 'color': color, @@ -477,6 +481,7 @@ const icons = Object.freeze({ 'color-solid': colorSolid, 'color-split': colorSplit, 'compass': compass, + 'compass-fill': compassFill, 'compose': compose, 'contrast': contrast, 'conversion-tag': conversionTag, @@ -515,6 +520,7 @@ const icons = Object.freeze({ 'face-tryon': faceTryon, 'facebook': facebook, 'fade': fade, + 'ferris-wheel': ferrisWheel, 'file-box': fileBox, 'file-unknown': fileUnknown, 'fill-opaque': fillOpaque, diff --git a/packages/gestalt/src/icons/paper-clip.svg b/packages/gestalt/src/icons/paper-clip.svg index a74aa91d80..bcb188deb9 100644 --- a/packages/gestalt/src/icons/paper-clip.svg +++ b/packages/gestalt/src/icons/paper-clip.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/gestalt/src/icons/search.svg b/packages/gestalt/src/icons/search.svg index 11b5c26851..1ca255dfab 100644 --- a/packages/gestalt/src/icons/search.svg +++ b/packages/gestalt/src/icons/search.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file