diff --git a/docs/lib/sage_rails/app/sage_tokens/sage_tokens.rb b/docs/lib/sage_rails/app/sage_tokens/sage_tokens.rb index 776196114a..6c167117a4 100644 --- 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 index 32a3f85532..61fce00ef2 100644 --- 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 index 1df0dd37d2..31cf5ad382 100644 --- 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 index 0d273ab24c..667d815894 100644 --- 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',