Merge pull request #1862 from Kajabi/chore/pl-update-icon-font-v24

[DSS-533] Icons: Update icon font (v.24)
Kajabi · Feb 21, 2024 · 9d9725b · 9d9725b
2 parents 66691a9 + d6adcac
commit 9d9725b
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 1 deletion.
diff --git a/docs/lib/sage_rails/app/sage_tokens/sage_tokens.rb b/docs/lib/sage_rails/app/sage_tokens/sage_tokens.rb
@@ -103,6 +103,7 @@ def SageTokens.grid_templates
     "add-circle",
     "add-image",
     "add-small",
+    "advanced",
     "ai-sparkle",
     "ai-writer",
     "ai-writer-filled",
@@ -179,6 +180,8 @@ def SageTokens.grid_templates
     "creator-studio",
     "creator-studio-filled",
     "credit-card",
+    "cursor",
+    "cursor-pointer",
     "custom-field",
     "customize",
     "danger",
@@ -192,6 +195,8 @@ def SageTokens.grid_templates
     "download",
     "downsell",
     "draft",
+    "drawer-collapse",
+    "drawer-expand",
     "drop",
     "duplicate",
     "editor",
@@ -242,6 +247,7 @@ def SageTokens.grid_templates
     "italic",
     "kajabi",
     "kajabi-filled",
+    "klarna",
     "lab",
     "launch",
     "layout-grid",
@@ -264,6 +270,7 @@ def SageTokens.grid_templates
     "loop",
     "mail",
     "mail-filled",
+    "mail-open",
     "map",
     "mapped",
     "margin-left",
@@ -284,6 +291,7 @@ def SageTokens.grid_templates
     "move-right",
     "multi-pay",
     "newsletter",
+    "newsletter-2",
     "null",
     "one-off-session",
     "one-time",
@@ -294,6 +302,7 @@ def SageTokens.grid_templates
     "pen",
     "phone-portrait",
     "phone-toolbar",
+    "phone-toolbar-filled",
     "play",
     "play-circle",
     "play-outline",

diff --git a/packages/sage-assets/lib/stylesheets/components/_icon.scss b/packages/sage-assets/lib/stylesheets/components/_icon.scss
@@ -4,7 +4,7 @@
 /// @group sage
 ////
 
-$-icon-font-cdn-version: "23"; // Keep in sync with desired `vX` folder from CDN
+$-icon-font-cdn-version: "24"; // Keep in sync with desired `vX` folder from CDN
 $-icon-font-path: "#{$sage-font-cdn-root}/sage/v#{$-icon-font-cdn-version}" !default;
 $-icon-font-version: 1; // Only used for cache busting so increment as needed for such purposes
 

diff --git a/packages/sage-assets/lib/stylesheets/tokens/_icon.scss b/packages/sage-assets/lib/stylesheets/tokens/_icon.scss
@@ -43,6 +43,7 @@ $sage-icons: (
   add-circle: unicode(e902),
   add-image: unicode(e903),
   add-small: unicode(e904),
+  advanced: unicode(ea11),
   ai-sparkle: unicode(ea02),
   ai-writer: unicode(e91d),
   ai-writer-filled: unicode(e9fb),
@@ -120,6 +121,8 @@ $sage-icons: (
   creator-studio: unicode(e9ed),
   creator-studio-filled: unicode(e9ee),
   credit-card: unicode(e949),
+  cursor: unicode(ea12),
+  cursor-pointer: unicode(ea13),
   custom-field: unicode(e94a),
   customize: unicode(e94b),
   danger: unicode(e94c),
@@ -133,6 +136,8 @@ $sage-icons: (
   download: unicode(e954),
   downsell: unicode(e955),
   draft: unicode(e956),
+  drawer-collapse: unicode(ea14),
+  drawer-expand: unicode(ea15),
   drop: unicode(e957),
   duplicate: unicode(e958),
   editor: unicode(e9ef),
@@ -183,6 +188,7 @@ $sage-icons: (
   italic: unicode(e97b),
   kajabi: unicode(e97c),
   kajabi-filled: unicode(e97d),
+  klarna: unicode(ea16),
   lab: unicode(e97e),
   launch: unicode(e97f),
   layout-grid: unicode(e980),
@@ -205,6 +211,7 @@ $sage-icons: (
   loop: unicode(e98a),
   mail: unicode(e98b),
   mail-filled: unicode(ea10),
+  mail-open: unicode(ea17),
   map: unicode(ea0b),
   mapped: unicode(e98c),
   margin-left: unicode(e98d),
@@ -225,6 +232,7 @@ $sage-icons: (
   move-right: unicode(e99a),
   multi-pay: unicode(e99b),
   newsletter: unicode(e99c),
+  newsletter-2: unicode(ea19),
   "null": "",
   one-off-session: unicode(e99d),
   one-time: unicode(e99e),
@@ -235,6 +243,7 @@ $sage-icons: (
   pen: unicode(e9a2),
   phone-portrait: unicode(e9a3),
   phone-toolbar: unicode(e9a4),
+  phone-toolbar-filled: unicode(ea1a),
   play: unicode(e9a5),
   play-circle: unicode(e9a6),
   play-outline: unicode(e9a7),

diff --git a/packages/sage-react/lib/configs/tokens/icons.js b/packages/sage-react/lib/configs/tokens/icons.js
@@ -4,6 +4,7 @@ export const TOKENS_ICONS = {
   ADD_CIRCLE: 'add-circle',
   ADD_IMAGE: 'add-image',
   ADD_SMALL: 'add-small',
+  ADVANCED: 'advanced',
   AI_SPARKLE: 'ai-sparkle',
   AI_WRITER: 'ai-writer',
   AI_WRITER_FILLED: 'ai-writer-filled',
@@ -80,6 +81,8 @@ export const TOKENS_ICONS = {
   CREATOR_STUDIO: 'creator-studio',
   CREATOR_STUDIO_FILLED: 'creator-studio-filled',
   CREDIT_CARD: 'credit-card',
+  CURSOR: 'cursor',
+  CURSOR_POINTER: 'cursor-pointer',
   CUSTOM_FIELD: 'custom-field',
   CUSTOMIZE: 'customize',
   DANGER: 'danger',
@@ -93,6 +96,8 @@ export const TOKENS_ICONS = {
   DOWNLOAD: 'download',
   DOWNSELL: 'downsell',
   DRAFT: 'draft',
+  DRAWER_COLLAPSE: 'drawer-collapse',
+  DRAWER_EXPAND: 'drawer-expand',
   DROP: 'drop',
   DUPLICATE: 'duplicate',
   EDITOR: 'editor',
@@ -143,6 +148,7 @@ export const TOKENS_ICONS = {
   ITALIC: 'italic',
   KAJABI: 'kajabi',
   KAJABI_FILLED: 'kajabi-filled',
+  KLARNA: 'klarna',
   LAB: 'lab',
   LAUNCH: 'launch',
   LAYOUT_GRID: 'layout-grid',
@@ -165,6 +171,7 @@ export const TOKENS_ICONS = {
   LOOP: 'loop',
   MAIL: 'mail',
   MAIL_FILLED: 'mail-filled',
+  MAIL_OPEN: 'mail-open',
   MAP: 'map',
   MAPPED: 'mapped',
   MARGIN_LEFT: 'margin-left',
@@ -185,6 +192,7 @@ export const TOKENS_ICONS = {
   MOVE_RIGHT: 'move-right',
   MULTI_PAY: 'multi-pay',
   NEWSLETTER: 'newsletter',
+  NEWSLETTER_2: 'newsletter-2',
   NULL: 'null',
   ONE_OFF_SESSION: 'one-off-session',
   ONE_TIME: 'one-time',
@@ -195,6 +203,7 @@ export const TOKENS_ICONS = {
   PEN: 'pen',
   PHONE_PORTRAIT: 'phone-portrait',
   PHONE_TOOLBAR: 'phone-toolbar',
+  PHONE_TOOLBAR_FILLED: 'phone-toolbar-filled',
   PLAY: 'play',
   PLAY_CIRCLE: 'play-circle',
   PLAY_OUTLINE: 'play-outline',