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 6c167117a4..1bfaa5054a 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", + "add-square", "advanced", "ai-sparkle", "ai-writer", @@ -125,10 +126,12 @@ def SageTokens.grid_templates "ban", "bank", "bell", + "block", "blog", "blog-filled", "bold", "broadcast", + "button", "calendar-date", "calendar-schedule", "calendar-simple", @@ -168,6 +171,7 @@ def SageTokens.grid_templates "closed-captions", "cloud-upload", "code", + "code-block", "color", "columns", "comment", @@ -214,6 +218,7 @@ def SageTokens.grid_templates "flag", "flash", "flash-filled", + "floppy-disk", "folder", "folder-group", "form", @@ -229,6 +234,12 @@ def SageTokens.grid_templates "handle-2-vertical", "hashtag", "hd-video", + "heading-1", + "heading-2", + "heading-3", + "heading-4", + "heading-5", + "heading-6", "heading-large", "heading-small", "headset", @@ -369,6 +380,7 @@ def SageTokens.grid_templates "user", "user-circle", "user-circle-filled", + "user-filled", "user-star", "user-star-filled", "users", diff --git a/packages/sage-assets/lib/stylesheets/components/_icon.scss b/packages/sage-assets/lib/stylesheets/components/_icon.scss index 61fce00ef2..7ba3889c95 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: "24"; // Keep in sync with desired `vX` folder from CDN +$-icon-font-cdn-version: "25"; // 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 31cf5ad382..e89f6a10b0 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), + add-square: unicode(e970), advanced: unicode(ea11), ai-sparkle: unicode(ea02), ai-writer: unicode(e91d), @@ -65,10 +66,12 @@ $sage-icons: ( ban: unicode(e913), bank: unicode(e914), bell: unicode(e915), + block: unicode(ea18), blog: unicode(e916), blog-filled: unicode(ea0f), bold: unicode(e917), broadcast: unicode(e918), + button: unicode(ea1b), calendar-date: unicode(e919), calendar-schedule: unicode(e91a), calendar-simple: unicode(e91b), @@ -109,6 +112,7 @@ $sage-icons: ( closed-captions: unicode(e93e), cloud-upload: unicode(ea06), code: unicode(e93f), + code-block: unicode(ea1c), color: unicode(e940), columns: unicode(e941), comment: unicode(e942), @@ -155,6 +159,7 @@ $sage-icons: ( flag: unicode(e962), flash: unicode(ea07), flash-filled: unicode(ea08), + floppy-disk: unicode(ea1d), folder: unicode(e963), folder-group: unicode(e964), form: unicode(e965), @@ -170,8 +175,14 @@ $sage-icons: ( handle-2-vertical: unicode(e96d), hashtag: unicode(e96e), hd-video: unicode(ea0a), + heading-1: unicode(ea1e), + heading-2: unicode(ea1f), + heading-3: unicode(ea20), + heading-4: unicode(ea21), + heading-5: unicode(ea22), + heading-6: unicode(ea23), heading-large: unicode(e96f), - heading-small: unicode(e970), + heading-small: unicode(ea24), headset: unicode(e971), help: unicode(e972), help-filled: unicode(e973), @@ -310,6 +321,7 @@ $sage-icons: ( user: unicode(e9d8), user-circle: unicode(e9d9), user-circle-filled: unicode(e9da), + user-filled: unicode(ea25), user-star: unicode(e9db), user-star-filled: unicode(e9dc), users: unicode(e9dd), diff --git a/packages/sage-react/lib/configs/tokens/icons.js b/packages/sage-react/lib/configs/tokens/icons.js index 667d815894..8940762d08 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', + ADD_SQUARE: 'add-square', ADVANCED: 'advanced', AI_SPARKLE: 'ai-sparkle', AI_WRITER: 'ai-writer', @@ -26,10 +27,12 @@ export const TOKENS_ICONS = { BAN: 'ban', BANK: 'bank', BELL: 'bell', + BLOCK: 'block', BLOG: 'blog', BLOG_FILLED: 'blog-filled', BOLD: 'bold', BROADCAST: 'broadcast', + BUTTON: 'button', CALENDAR_DATE: 'calendar-date', CALENDAR_SCHEDULE: 'calendar-schedule', CALENDAR_SIMPLE: 'calendar-simple', @@ -69,6 +72,7 @@ export const TOKENS_ICONS = { CLOSED_CAPTIONS: 'closed-captions', CLOUD_UPLOAD: 'cloud-upload', CODE: 'code', + CODE_BLOCK: 'code-block', COLOR: 'color', COMMENT: 'comment', CONNECT: 'connect', @@ -115,6 +119,7 @@ export const TOKENS_ICONS = { FLAG: 'flag', FLASH: 'flash', FLASH_FILLED: 'flash-filled', + FLOPPY_DISK: 'floppy-disk', FOLDER: 'folder', FOLDER_GROUP: 'folder-group', FORM: 'form', @@ -130,6 +135,12 @@ export const TOKENS_ICONS = { HANDLE_2_VERTICAL: 'handle-2-vertical', HASHTAG: 'hashtag', HD_VIDEO: 'hd-video', + HEADING_1: 'heading-1', + HEADING_2: 'heading-2', + HEADING_3: 'heading-3', + HEADING_4: 'heading-4', + HEADING_5: 'heading-5', + HEADING_6: 'heading-6', HEADING_LARGE: 'heading-large', HEADING_SMALL: 'heading-small', HEADSET: 'headset', @@ -270,6 +281,7 @@ export const TOKENS_ICONS = { USER: 'user', USER_CIRCLE: 'user-circle', USER_CIRCLE_FILLED: 'user-circle-filled', + USER_FILLED: 'user-filled', USER_STAR: 'user-star', USER_STAR_FILLED: 'user-star-filled', USERS: 'users',