diff --git a/package.json b/package.json index aa110c06..d2d00eac 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@soramitsu/soramitsu-js-ui", - "version": "0.4.0", + "version": "0.4.1", "private": false, "publishConfig": { "registry": "https://nexus.iroha.tech/repository/npm-soramitsu-private/" diff --git a/src/assets/fonts/soramitsu-icons.woff b/src/assets/fonts/soramitsu-icons.woff index d7fe06f0..3e6e32c7 100644 Binary files a/src/assets/fonts/soramitsu-icons.woff and b/src/assets/fonts/soramitsu-icons.woff differ diff --git a/src/components/Icon/consts.ts b/src/components/Icon/consts.ts index c8537cb3..2164c195 100644 --- a/src/components/Icon/consts.ts +++ b/src/components/Icon/consts.ts @@ -1,13 +1,16 @@ export enum Icons { - Back = 'back', - Warning = 'warning', - Error = 'error', - Logout = 'logout', - Create = 'create', - Refresh = 'refresh', Activity = 'activity', - Play = 'play', - Stop = 'stop', + ArrowBottom = 'arrow-bottom', + ArrowBottomLeft = 'arrow-bottom-left', + ArrowBottomRight = 'arrow-bottom-right', + ArrowBottomRounded = 'arrow-bottom-rounded', + ArrowLeft = 'arrow-left', + ArrowRight = 'arrow-right', + ArrowTop = 'arrow-top', + ArrowTopLeft = 'arrow-top-left', + ArrowTopRight = 'arrow-top-right', + ArrowTopRightRounded = 'arrow-top-right-rounded', + Back = 'back', BarChart = 'bar-chart', Book = 'book', BookmarkAdd = 'bookmark-add', @@ -15,18 +18,41 @@ export enum Icons { Bookmark = 'bookmark', Bookmarks = 'bookmarks', Box = 'box', - BrowserNo = 'browser-no', Browser = 'browser', + BrowserNo = 'browser-no', Brush = 'brush', + Build = 'build', Calculator = 'calculator', + Calendar = 'calendar', + CallPhone = 'call-phone', + Camera = 'camera', CameraCreate = 'camera-create', CameraNo = 'camera-no', - Camera = 'camera', Case = 'case', + ChangePositions = 'change-positions', CheckMark = 'check-mark', CheckMarks = 'check-marks', + ChevronBottom = 'chevron-bottom', + ChevronBottomRounded = 'chevron-bottom-rounded', + ChevronLeft = 'chevron-left', + ChevronLeftRounded = 'chevron-left-rounded', + ChevronRight = 'chevron-right', + ChevronTop = 'chevron-top', + ChevronsBottom = 'chevrons-bottom', + ChevronsLeft = 'chevrons-left', + ChevronsRight = 'chevrons-right', + Circle = 'circle', + CircleArrowBottom = 'circle-arrow-bottom', + CircleArrowLeft = 'circle-arrow-left', + CircleArrowRight = 'circle-arrow-right', + CircleArrowTop = 'circle-arrow-top', CircleBlock = 'circle-block', CircleChecked = 'circle-checked', + CircleChevronBottom = 'circle-chevron-bottom', + CircleChevronLeft = 'circle-chevron-left', + CircleChevronRight = 'circle-chevron-right', + CircleChevronTop = 'circle-chevron-top', + CircleChevronsTop = 'circle-chevrons-top', CircleMenu = 'circle-menu', CircleMinus = 'circle-minus', CircleMoreHorizontal = 'circle-more-horizontal', @@ -34,65 +60,87 @@ export enum Icons { CirclePlus = 'circle-plus', CircleStar = 'circle-star', CircleX = 'circle-x', - Circle = 'circle', ClearStyle = 'clear-style', Copy = 'copy', + Create = 'create', Cut = 'cut', Dashboard = 'dashboard', Delete = 'delete', - DownloadBold = 'download-bold', Download = 'download', + DownloadBold = 'download-bold', Drop = 'drop', + Earn = 'earn', + Error = 'error', ExternalLink = 'external-link', - EyeNo = 'eye-no', Eye = 'eye', + EyeNo = 'eye-no', + File = 'file', + FileUpload = 'file-upload', Flag = 'flag', Flame = 'flame', + Folder = 'folder', Glasses = 'glasses', - GlobeNo = 'globe-no', Globe = 'globe', - HeartNo = 'heart-no', + GlobeNo = 'globe-no', Heart = 'heart', + HeartNo = 'heart-no', Home = 'home', Image = 'image', Inbox = 'inbox', + Info = 'info', Layers = 'layers', - LightningNo = 'lightning-no', Lightning = 'lightning', - LinkNo = 'link-no', + LightningNo = 'lightning-no', Link = 'link', + LinkNo = 'link-no', + Liquidity = 'liquidity', List = 'list', + Lock = 'lock', + Logout = 'logout', Mail = 'mail', Maximize = 'maximize', - MenuDots = 'menu-dots', Menu = 'menu', - MicNo = 'mic-no', + MenuDots = 'menu-dots', Mic = 'mic', + MicNo = 'mic-no', Minimize = 'minimize', Minus = 'minus', + MinusRounded = 'minus-rounded', + Moon = 'moon', MoreHorizontal = 'more-horizontal', MoreVertical = 'more-vertical', Newspaper = 'newspaper', Options = 'options', - PaperclipNo = 'paperclip-no', Paperclip = 'paperclip', + PaperclipNo = 'paperclip-no', + PaperclipVertical = 'paperclip-vertical', + Pencil = 'pencil', PencilCreate = 'pencil-create', PencilEdit = 'pencil-edit', + Pin = 'pin', + Play = 'play', Plus = 'plus', + PlusRounded = 'plus-rounded', Presentation = 'presentation', Printer = 'printer', Pulse = 'pulse', + QuestionCircle = 'question-circle', + Refresh = 'refresh', Scan = 'scan', Screenshot = 'screenshot', Search = 'search', Send = 'send', Settings = 'settings', - ShareArrow = 'share-arrow', Share = 'share', - StarNo = 'star-no', + ShareArrow = 'share-arrow', Star = 'star', + StarNo = 'star-no', Sticker = 'sticker', + Stop = 'stop', + Success = 'success', + Swap = 'swap', table = 'table', + Target = 'target', TextAlignCenter = 'text-align-center', TextAlignJustify = 'text-align-justify', TextAlignLeft = 'text-align-left', @@ -104,52 +152,19 @@ export enum Icons { TextUnderline = 'text-underline', ThumbsDown = 'thumbs-down', ThumbsUp = 'thumbs-up', + Time = 'time', ToggleLeft = 'toggle-left', ToggleRight = 'toggle-right', - TrashEmpty = 'trash-empty', Trash = 'trash', + TrashEmpty = 'trash-empty', User = 'user', - VideoNo = 'video-no', Video = 'video', - ZoomIn = 'zoom-in', - ZoomOut = 'zoom-out', - ArrowBottomLeft = 'arrow-bottom-left', - ArrowBottomRight = 'arrow-bottom-right', - ArrowBottom = 'arrow-bottom', - ArrowLeft = 'arrow-left', - ArrowRight = 'arrow-right', - ArrowTopLeft = 'arrow-top-left', - ArrowTopRight = 'arrow-top-right', - ArrowTop = 'arrow-top', - Calendar = 'calendar', - CallPhone = 'call-phone', - ChevronBottom = 'chevron-bottom', - ChevronLeft = 'chevron-left', - ChevronRight = 'chevron-right', - ChevronTop = 'chevron-top', - ChevronsBottom = 'chevrons-bottom', - ChevronsLeft = 'chevrons-left', - ChevronsRight = 'chevrons-right', - CircleArrowBottom = 'circle-arrow-bottom', - CircleArrowLeft = 'circle-arrow-left', - CircleArrowRight = 'circle-arrow-right', - CircleArrowTop = 'circle-arrow-top', - CircleChevronBottom = 'circle-chevron-bottom', - CircleChevronLeft = 'circle-chevron-left', - CircleChevronRight = 'circle-chevron-right', - CircleChevronTop = 'circle-chevron-top', - CircleChevronsTop = 'circle-chevrons-top', - File = 'file', - FileUpload = 'file-upload', - Folder = 'folder', - Info = 'info', - Lock = 'lock', - PaperclipVertical = 'paperclip-vertical', - Pencil = 'pencil', - Pin = 'pin', - QuestionCircle = 'question-circle', - Target = 'target', - Time = 'time', + VideoNo = 'video-no', + Wallet = 'wallet', + Warning = 'warning', WiFi = 'wi-fi', - X = 'x' + X = 'x', + XRounded = 'x-rounded', + ZoomIn = 'zoom-in', + ZoomOut = 'zoom-out' } diff --git a/src/styles/icons.scss b/src/styles/icons.scss index 01fbb196..18975779 100644 --- a/src/styles/icons.scss +++ b/src/styles/icons.scss @@ -13,32 +13,59 @@ } $icons-font: 'soramitsu-icons' !important; /*_____________________________________________Icons variables_____________________________________________*/ -$s-icon-warning: "\e96c"; -$s-icon-logout: "\e98c"; -$s-icon-create: "\e979"; -$s-icon-refresh: "\e976"; $s-icon-activity: "\e902"; -$s-icon-play: "\e900"; -$s-icon-stop: "\e901"; +$s-icon-arrow-bottom: "\e96f"; +$s-icon-arrow-bottom-left: "\e96d"; +$s-icon-arrow-bottom-right: "\e96e"; +$s-icon-arrow-bottom-rounded: "\e98b"; +$s-icon-arrow-left: "\e970"; +$s-icon-arrow-right: "\e971"; +$s-icon-arrow-top: "\e974"; +$s-icon-arrow-top-left: "\e972"; +$s-icon-arrow-top-right: "\e973"; +$s-icon-arrow-top-right-rounded: "\e98d"; $s-icon-bar-chart: "\e903"; $s-icon-book: "\e904"; +$s-icon-bookmark: "\e907"; $s-icon-bookmark-add: "\e905"; $s-icon-bookmark-no: "\e906"; -$s-icon-bookmark: "\e907"; $s-icon-bookmarks: "\e908"; $s-icon-box: "\e909"; -$s-icon-browser-no: "\e90a"; $s-icon-browser: "\e90b"; +$s-icon-browser-no: "\e90a"; $s-icon-brush: "\e90c"; +$s-icon-build: "\e98e"; $s-icon-calculator: "\e90d"; +$s-icon-calendar: "\e977"; +$s-icon-call-phone: "\e978"; +$s-icon-camera: "\e910"; $s-icon-camera-create: "\e90e"; $s-icon-camera-no: "\e90f"; -$s-icon-camera: "\e910"; $s-icon-case: "\e911"; +$s-icon-change-positions: "\e98f"; $s-icon-check-mark: "\e912"; $s-icon-check-marks: "\e913"; +$s-icon-chevron-bottom: "\e97a"; +$s-icon-chevron-bottom-rounded: "\e992"; +$s-icon-chevron-left: "\e97b"; +$s-icon-chevron-left-rounded: "\e993"; +$s-icon-chevron-right: "\e97c"; +$s-icon-chevron-top: "\e97d"; +$s-icon-chevrons-bottom: "\e97e"; +$s-icon-chevrons-left: "\e97f"; +$s-icon-chevrons-right: "\e980"; +$s-icon-circle: "\e91d"; +$s-icon-circle-arrow-bottom: "\e981"; +$s-icon-circle-arrow-left: "\e982"; +$s-icon-circle-arrow-right: "\e983"; +$s-icon-circle-arrow-top: "\e984"; $s-icon-circle-block: "\e914"; $s-icon-circle-checked: "\e915"; +$s-icon-circle-chevron-bottom: "\e985"; +$s-icon-circle-chevron-left: "\e986"; +$s-icon-circle-chevron-right: "\e987"; +$s-icon-circle-chevron-top: "\e988"; +$s-icon-circle-chevrons-top: "\e989"; $s-icon-circle-menu: "\e916"; $s-icon-circle-minus: "\e917"; $s-icon-circle-more-horizontal: "\e918"; @@ -46,65 +73,86 @@ $s-icon-circle-more-vertical: "\e919"; $s-icon-circle-plus: "\e91a"; $s-icon-circle-star: "\e91b"; $s-icon-circle-x: "\e91c"; -$s-icon-circle: "\e91d"; $s-icon-clear-style: "\e91e"; $s-icon-copy: "\e91f"; +$s-icon-create: "\e979"; $s-icon-cut: "\e920"; $s-icon-dashboard: "\e921"; $s-icon-delete: "\e922"; -$s-icon-download-bold: "\e923"; $s-icon-download: "\e924"; +$s-icon-download-bold: "\e923"; $s-icon-drop: "\e925"; +$s-icon-earn: "\e996"; $s-icon-external-link: "\e926"; -$s-icon-eye-no: "\e927"; $s-icon-eye: "\e928"; +$s-icon-eye-no: "\e927"; +$s-icon-file: "\e990"; +$s-icon-file-upload: "\e98a"; $s-icon-flag: "\e929"; $s-icon-flame: "\e92a"; +$s-icon-folder: "\e991"; $s-icon-glasses: "\e92b"; -$s-icon-globe-no: "\e92c"; $s-icon-globe: "\e92d"; -$s-icon-heart-no: "\e92e"; +$s-icon-globe-no: "\e92c"; $s-icon-heart: "\e92f"; +$s-icon-heart-no: "\e92e"; $s-icon-home: "\e930"; $s-icon-image: "\e931"; $s-icon-inbox: "\e932"; +$s-icon-info: "\e994"; $s-icon-layers: "\e933"; -$s-icon-lightning-no: "\e934"; $s-icon-lightning: "\e935"; -$s-icon-link-no: "\e936"; +$s-icon-lightning-no: "\e934"; $s-icon-link: "\e937"; +$s-icon-link-no: "\e936"; +$s-icon-liquidity: "\e997"; $s-icon-list: "\e938"; +$s-icon-lock: "\e995"; +$s-icon-logout: "\e98c"; $s-icon-mail: "\e939"; $s-icon-maximize: "\e93a"; -$s-icon-menu-dots: "\e93b"; $s-icon-menu: "\e93c"; -$s-icon-mic-no: "\e93d"; +$s-icon-menu-dots: "\e93b"; $s-icon-mic: "\e93e"; +$s-icon-mic-no: "\e93d"; $s-icon-minimize: "\e93f"; $s-icon-minus: "\e940"; +$s-icon-minus-rounded: "\e998"; +$s-icon-moon: "\e99f"; $s-icon-more-horizontal: "\e941"; $s-icon-more-vertical: "\e942"; $s-icon-newspaper: "\e943"; $s-icon-options: "\e944"; -$s-icon-paperclip-no: "\e945"; $s-icon-paperclip: "\e946"; +$s-icon-paperclip-no: "\e945"; +$s-icon-paperclip-vertical: "\e99a"; +$s-icon-pencil: "\e99c"; $s-icon-pencil-create: "\e947"; $s-icon-pencil-edit: "\e948"; +$s-icon-pin: "\e99d"; +$s-icon-play: "\e900"; $s-icon-plus: "\e949"; +$s-icon-plus-rounded: "\e999"; $s-icon-presentation: "\e94a"; $s-icon-printer: "\e94b"; $s-icon-pulse: "\e94c"; +$s-icon-question-circle: "\e9a0"; +$s-icon-refresh: "\e976"; $s-icon-scan: "\e94d"; $s-icon-screenshot: "\e94e"; $s-icon-search: "\e94f"; $s-icon-send: "\e950"; $s-icon-settings: "\e951"; -$s-icon-share-arrow: "\e952"; $s-icon-share: "\e953"; -$s-icon-star-no: "\e954"; +$s-icon-share-arrow: "\e952"; $s-icon-star: "\e955"; +$s-icon-star-no: "\e954"; $s-icon-sticker: "\e956"; +$s-icon-stop: "\e901"; +$s-icon-success: "\e975"; +$s-icon-swap: "\e99b"; $s-icon-table: "\e957"; +$s-icon-target: "\e9a3"; $s-icon-text-align-center: "\e958"; $s-icon-text-align-justify: "\e959"; $s-icon-text-align-left: "\e95a"; @@ -116,88 +164,75 @@ $s-icon-text-italic: "\e95f"; $s-icon-text-underline: "\e960"; $s-icon-thumbs-down: "\e961"; $s-icon-thumbs-up: "\e962"; +$s-icon-time: "\e9a4"; $s-icon-toggle-left: "\e963"; $s-icon-toggle-right: "\e964"; -$s-icon-trash-empty: "\e965"; $s-icon-trash: "\e966"; +$s-icon-trash-empty: "\e965"; $s-icon-user: "\e967"; -$s-icon-video-no: "\e968"; $s-icon-video: "\e969"; -$s-icon-zoom-in: "\e96a"; -$s-icon-zoom-out: "\e96b"; -$s-icon-arrow-bottom-left: "\e96d"; -$s-icon-arrow-bottom-right: "\e96e"; -$s-icon-arrow-bottom: "\e96f"; -$s-icon-arrow-left: "\e970"; -$s-icon-arrow-right: "\e971"; -$s-icon-arrow-top-left: "\e972"; -$s-icon-arrow-top-right: "\e973"; -$s-icon-arrow-top: "\e974"; -$s-icon-calendar: "\e977"; -$s-icon-call-phone: "\e978"; -$s-icon-chevron-bottom: "\e97a"; -$s-icon-chevron-left: "\e97b"; -$s-icon-chevron-right: "\e97c"; -$s-icon-chevron-top: "\e97d"; -$s-icon-chevrons-bottom: "\e97e"; -$s-icon-chevrons-left: "\e97f"; -$s-icon-chevrons-right: "\e980"; -$s-icon-circle-arrow-bottom: "\e981"; -$s-icon-circle-arrow-left: "\e982"; -$s-icon-circle-arrow-right: "\e983"; -$s-icon-circle-arrow-top: "\e984"; -$s-icon-circle-chevron-bottom: "\e985"; -$s-icon-circle-chevron-left: "\e986"; -$s-icon-circle-chevron-right: "\e987"; -$s-icon-circle-chevron-top: "\e988"; -$s-icon-circle-chevrons-top: "\e989"; -$s-icon-file: "\e990"; -$s-icon-file-upload: "\e98a"; -$s-icon-folder: "\e991"; -$s-icon-info: "\e994"; -$s-icon-lock: "\e995"; -$s-icon-paperclip-vertical: "\e99a"; -$s-icon-pencil: "\e99c"; -$s-icon-pin: "\e99d"; -$s-icon-question-circle: "\e9a0"; -$s-icon-target: "\e9a3"; -$s-icon-time: "\e9a4"; +$s-icon-video-no: "\e968"; +$s-icon-wallet: "\e9a1"; +$s-icon-warning: "\e96c"; $s-icon-wi-fi: "\e9a5"; $s-icon-x: "\e9a6"; +$s-icon-x-rounded: "\e99e"; +$s-icon-zoom-in: "\e96a"; +$s-icon-zoom-out: "\e96b"; /*_____________________________________________Icons classes_____________________________________________*/ -.s-icon-warning, .s-icon-error { +.s-icon-activity { &:before { - content: $s-icon-warning; + content: $s-icon-activity; } } -.s-icon-logout { +.s-icon-arrow-bottom { &:before { - content: $s-icon-logout; + content: $s-icon-arrow-bottom; } } -.s-icon-create { +.s-icon-arrow-bottom-left { &:before { - content: $s-icon-create; + content: $s-icon-arrow-bottom-left; } } -.s-icon-refresh { +.s-icon-arrow-bottom-right { &:before { - content: $s-icon-refresh; + content: $s-icon-arrow-bottom-right; } } -.s-icon-activity { +.s-icon-arrow-bottom-rounded { &:before { - content: $s-icon-activity; + content: $s-icon-arrow-bottom-rounded; } } -.s-icon-play { +.s-icon-arrow-left, .s-icon-back { &:before { - content: $s-icon-play; + content: $s-icon-arrow-left; } } -.s-icon-stop { +.s-icon-arrow-right { &:before { - content: $s-icon-stop; + content: $s-icon-arrow-right; + } +} +.s-icon-arrow-top { + &:before { + content: $s-icon-arrow-top; + } +} +.s-icon-arrow-top-left { + &:before { + content: $s-icon-arrow-top-left; + } +} +.s-icon-arrow-top-right { + &:before { + content: $s-icon-arrow-top-right; + } +} +.s-icon-arrow-top-right-rounded { + &:before { + content: $s-icon-arrow-top-right-rounded; } } .s-icon-bar-chart { @@ -210,6 +245,11 @@ $s-icon-x: "\e9a6"; content: $s-icon-book; } } +.s-icon-bookmark { + &:before { + content: $s-icon-bookmark; + } +} .s-icon-bookmark-add { &:before { content: $s-icon-bookmark-add; @@ -220,11 +260,6 @@ $s-icon-x: "\e9a6"; content: $s-icon-bookmark-no; } } -.s-icon-bookmark { - &:before { - content: $s-icon-bookmark; - } -} .s-icon-bookmarks { &:before { content: $s-icon-bookmarks; @@ -235,14 +270,14 @@ $s-icon-x: "\e9a6"; content: $s-icon-box; } } -.s-icon-browser-no { +.s-icon-browser { &:before { - content: $s-icon-browser-no; + content: $s-icon-browser; } } -.s-icon-browser { +.s-icon-browser-no { &:before { - content: $s-icon-browser; + content: $s-icon-browser-no; } } .s-icon-brush { @@ -250,19 +285,24 @@ $s-icon-x: "\e9a6"; content: $s-icon-brush; } } +.s-icon-build { + &:before { + content: $s-icon-build; + } +} .s-icon-calculator { &:before { content: $s-icon-calculator; } } -.s-icon-camera-create { +.s-icon-calendar { &:before { - content: $s-icon-camera-create; + content: $s-icon-calendar; } } -.s-icon-camera-no { +.s-icon-call-phone { &:before { - content: $s-icon-camera-no; + content: $s-icon-call-phone; } } .s-icon-camera { @@ -270,11 +310,26 @@ $s-icon-x: "\e9a6"; content: $s-icon-camera; } } +.s-icon-camera-create { + &:before { + content: $s-icon-camera-create; + } +} +.s-icon-camera-no { + &:before { + content: $s-icon-camera-no; + } +} .s-icon-case { &:before { content: $s-icon-case; } } +.s-icon-change-positions { + &:before { + content: $s-icon-change-positions; + } +} .s-icon-check-mark { &:before { content: $s-icon-check-mark; @@ -285,49 +340,49 @@ $s-icon-x: "\e9a6"; content: $s-icon-check-marks; } } -.s-icon-circle-block { +.s-icon-chevron-bottom { &:before { - content: $s-icon-circle-block; + content: $s-icon-chevron-bottom; } } -.s-icon-circle-checked { +.s-icon-chevron-bottom-rounded { &:before { - content: $s-icon-circle-checked; + content: $s-icon-chevron-bottom-rounded; } } -.s-icon-circle-menu { +.s-icon-chevron-left { &:before { - content: $s-icon-circle-menu; + content: $s-icon-chevron-left; } } -.s-icon-circle-minus { +.s-icon-chevron-left-rounded { &:before { - content: $s-icon-circle-minus; + content: $s-icon-chevron-left-rounded; } } -.s-icon-circle-more-horizontal { +.s-icon-chevron-right { &:before { - content: $s-icon-circle-more-horizontal; + content: $s-icon-chevron-right; } } -.s-icon-circle-more-vertical { +.s-icon-chevron-top { &:before { - content: $s-icon-circle-more-vertical; + content: $s-icon-chevron-top; } } -.s-icon-circle-plus { +.s-icon-chevrons-bottom { &:before { - content: $s-icon-circle-plus; + content: $s-icon-chevrons-bottom; } } -.s-icon-circle-star { +.s-icon-chevrons-left { &:before { - content: $s-icon-circle-star; + content: $s-icon-chevrons-left; } } -.s-icon-circle-x { +.s-icon-chevrons-right { &:before { - content: $s-icon-circle-x; + content: $s-icon-chevrons-right; } } .s-icon-circle { @@ -335,22 +390,117 @@ $s-icon-x: "\e9a6"; content: $s-icon-circle; } } -.s-icon-clear-style { +.s-icon-circle-arrow-bottom { &:before { - content: $s-icon-clear-style; + content: $s-icon-circle-arrow-bottom; } } -.s-icon-copy { +.s-icon-circle-arrow-left { &:before { - content: $s-icon-copy; + content: $s-icon-circle-arrow-left; } } -.s-icon-cut { +.s-icon-circle-arrow-right { &:before { - content: $s-icon-cut; + content: $s-icon-circle-arrow-right; } } -.s-icon-dashboard { +.s-icon-circle-arrow-top { + &:before { + content: $s-icon-circle-arrow-top; + } +} +.s-icon-circle-block { + &:before { + content: $s-icon-circle-block; + } +} +.s-icon-circle-checked { + &:before { + content: $s-icon-circle-checked; + } +} +.s-icon-circle-chevron-bottom { + &:before { + content: $s-icon-circle-chevron-bottom; + } +} +.s-icon-circle-chevron-left { + &:before { + content: $s-icon-circle-chevron-left; + } +} +.s-icon-circle-chevron-right { + &:before { + content: $s-icon-circle-chevron-right; + } +} +.s-icon-circle-chevron-top { + &:before { + content: $s-icon-circle-chevron-top; + } +} +.s-icon-circle-chevrons-top { + &:before { + content: $s-icon-circle-chevrons-top; + } +} +.s-icon-circle-menu { + &:before { + content: $s-icon-circle-menu; + } +} +.s-icon-circle-minus { + &:before { + content: $s-icon-circle-minus; + } +} +.s-icon-circle-more-horizontal { + &:before { + content: $s-icon-circle-more-horizontal; + } +} +.s-icon-circle-more-vertical { + &:before { + content: $s-icon-circle-more-vertical; + } +} +.s-icon-circle-plus { + &:before { + content: $s-icon-circle-plus; + } +} +.s-icon-circle-star { + &:before { + content: $s-icon-circle-star; + } +} +.s-icon-circle-x { + &:before { + content: $s-icon-circle-x; + } +} +.s-icon-clear-style { + &:before { + content: $s-icon-clear-style; + } +} +.s-icon-copy { + &:before { + content: $s-icon-copy; + } +} +.s-icon-create { + &:before { + content: $s-icon-create; + } +} +.s-icon-cut { + &:before { + content: $s-icon-cut; + } +} +.s-icon-dashboard { &:before { content: $s-icon-dashboard; } @@ -360,14 +510,14 @@ $s-icon-x: "\e9a6"; content: $s-icon-delete; } } -.s-icon-download-bold { +.s-icon-download { &:before { - content: $s-icon-download-bold; + content: $s-icon-download; } } -.s-icon-download { +.s-icon-download-bold { &:before { - content: $s-icon-download; + content: $s-icon-download-bold; } } .s-icon-drop { @@ -375,19 +525,34 @@ $s-icon-x: "\e9a6"; content: $s-icon-drop; } } +.s-icon-earn { + &:before { + content: $s-icon-earn; + } +} .s-icon-external-link { &:before { content: $s-icon-external-link; } } +.s-icon-eye { + &:before { + content: $s-icon-eye; + } +} .s-icon-eye-no { &:before { content: $s-icon-eye-no; } } -.s-icon-eye { +.s-icon-file { &:before { - content: $s-icon-eye; + content: $s-icon-file; + } +} +.s-icon-file-upload { + &:before { + content: $s-icon-file-upload; } } .s-icon-flag { @@ -400,14 +565,14 @@ $s-icon-x: "\e9a6"; content: $s-icon-flame; } } -.s-icon-glasses { +.s-icon-folder { &:before { - content: $s-icon-glasses; + content: $s-icon-folder; } } -.s-icon-globe-no { +.s-icon-glasses { &:before { - content: $s-icon-globe-no; + content: $s-icon-glasses; } } .s-icon-globe { @@ -415,9 +580,9 @@ $s-icon-x: "\e9a6"; content: $s-icon-globe; } } -.s-icon-heart-no { +.s-icon-globe-no { &:before { - content: $s-icon-heart-no; + content: $s-icon-globe-no; } } .s-icon-heart { @@ -425,6 +590,11 @@ $s-icon-x: "\e9a6"; content: $s-icon-heart; } } +.s-icon-heart-no { + &:before { + content: $s-icon-heart-no; + } +} .s-icon-home { &:before { content: $s-icon-home; @@ -440,19 +610,29 @@ $s-icon-x: "\e9a6"; content: $s-icon-inbox; } } +.s-icon-info { + &:before { + content: $s-icon-info; + } +} .s-icon-layers { &:before { content: $s-icon-layers; } } +.s-icon-lightning { + &:before { + content: $s-icon-lightning; + } +} .s-icon-lightning-no { &:before { content: $s-icon-lightning-no; } } -.s-icon-lightning { +.s-icon-link { &:before { - content: $s-icon-lightning; + content: $s-icon-link; } } .s-icon-link-no { @@ -460,9 +640,9 @@ $s-icon-x: "\e9a6"; content: $s-icon-link-no; } } -.s-icon-link { +.s-icon-liquidity { &:before { - content: $s-icon-link; + content: $s-icon-liquidity; } } .s-icon-list { @@ -470,6 +650,16 @@ $s-icon-x: "\e9a6"; content: $s-icon-list; } } +.s-icon-lock { + &:before { + content: $s-icon-lock; + } +} +.s-icon-logout { + &:before { + content: $s-icon-logout; + } +} .s-icon-mail { &:before { content: $s-icon-mail; @@ -480,19 +670,14 @@ $s-icon-x: "\e9a6"; content: $s-icon-maximize; } } -.s-icon-menu-dots { - &:before { - content: $s-icon-menu-dots; - } -} .s-icon-menu { &:before { content: $s-icon-menu; } } -.s-icon-mic-no { +.s-icon-menu-dots { &:before { - content: $s-icon-mic-no; + content: $s-icon-menu-dots; } } .s-icon-mic { @@ -500,6 +685,11 @@ $s-icon-x: "\e9a6"; content: $s-icon-mic; } } +.s-icon-mic-no { + &:before { + content: $s-icon-mic-no; + } +} .s-icon-minimize { &:before { content: $s-icon-minimize; @@ -510,6 +700,16 @@ $s-icon-x: "\e9a6"; content: $s-icon-minus; } } +.s-icon-minus-rounded { + &:before { + content: $s-icon-minus-rounded; + } +} +.s-icon-moon { + &:before { + content: $s-icon-moon; + } +} .s-icon-more-horizontal { &:before { content: $s-icon-more-horizontal; @@ -530,14 +730,24 @@ $s-icon-x: "\e9a6"; content: $s-icon-options; } } +.s-icon-paperclip { + &:before { + content: $s-icon-paperclip; + } +} .s-icon-paperclip-no { &:before { content: $s-icon-paperclip-no; } } -.s-icon-paperclip { +.s-icon-paperclip-vertical { &:before { - content: $s-icon-paperclip; + content: $s-icon-paperclip-vertical; + } +} +.s-icon-pencil { + &:before { + content: $s-icon-pencil; } } .s-icon-pencil-create { @@ -550,11 +760,26 @@ $s-icon-x: "\e9a6"; content: $s-icon-pencil-edit; } } +.s-icon-pin { + &:before { + content: $s-icon-pin; + } +} +.s-icon-play { + &:before { + content: $s-icon-play; + } +} .s-icon-plus { &:before { content: $s-icon-plus; } } +.s-icon-plus-rounded { + &:before { + content: $s-icon-plus-rounded; + } +} .s-icon-presentation { &:before { content: $s-icon-presentation; @@ -570,6 +795,16 @@ $s-icon-x: "\e9a6"; content: $s-icon-pulse; } } +.s-icon-question-circle { + &:before { + content: $s-icon-question-circle; + } +} +.s-icon-refresh { + &:before { + content: $s-icon-refresh; + } +} .s-icon-scan { &:before { content: $s-icon-scan; @@ -595,14 +830,19 @@ $s-icon-x: "\e9a6"; content: $s-icon-settings; } } +.s-icon-share { + &:before { + content: $s-icon-share; + } +} .s-icon-share-arrow { &:before { content: $s-icon-share-arrow; } } -.s-icon-share { +.s-icon-star { &:before { - content: $s-icon-share; + content: $s-icon-star; } } .s-icon-star-no { @@ -610,14 +850,24 @@ $s-icon-x: "\e9a6"; content: $s-icon-star-no; } } -.s-icon-star { +.s-icon-sticker { &:before { - content: $s-icon-star; + content: $s-icon-sticker; } } -.s-icon-sticker { +.s-icon-stop { &:before { - content: $s-icon-sticker; + content: $s-icon-stop; + } +} +.s-icon-success { + &:before { + content: $s-icon-success; + } +} +.s-icon-swap { + &:before { + content: $s-icon-swap; } } .s-icon-table { @@ -625,6 +875,11 @@ $s-icon-x: "\e9a6"; content: $s-icon-table; } } +.s-icon-target { + &:before { + content: $s-icon-target; + } +} .s-icon-text-align-center { &:before { content: $s-icon-text-align-center; @@ -680,6 +935,11 @@ $s-icon-x: "\e9a6"; content: $s-icon-thumbs-up; } } +.s-icon-time { + &:before { + content: $s-icon-time; + } +} .s-icon-toggle-left { &:before { content: $s-icon-toggle-left; @@ -690,24 +950,19 @@ $s-icon-x: "\e9a6"; content: $s-icon-toggle-right; } } -.s-icon-trash-empty { - &:before { - content: $s-icon-trash-empty; - } -} .s-icon-trash { &:before { content: $s-icon-trash; } } -.s-icon-user { +.s-icon-trash-empty { &:before { - content: $s-icon-user; + content: $s-icon-trash-empty; } } -.s-icon-video-no { +.s-icon-user { &:before { - content: $s-icon-video-no; + content: $s-icon-user; } } .s-icon-video { @@ -715,208 +970,43 @@ $s-icon-x: "\e9a6"; content: $s-icon-video; } } -.s-icon-zoom-in { - &:before { - content: $s-icon-zoom-in; - } -} -.s-icon-zoom-out { - &:before { - content: $s-icon-zoom-out; - } -} -.s-icon-arrow-bottom-left { - &:before { - content: $s-icon-arrow-bottom-left; - } -} -.s-icon-arrow-bottom-right { - &:before { - content: $s-icon-arrow-bottom-right; - } -} -.s-icon-arrow-bottom { - &:before { - content: $s-icon-arrow-bottom; - } -} -.s-icon-arrow-left, .s-icon-back { - &:before { - content: $s-icon-arrow-left; - } -} -.s-icon-arrow-right { - &:before { - content: $s-icon-arrow-right; - } -} -.s-icon-arrow-top-left { - &:before { - content: $s-icon-arrow-top-left; - } -} -.s-icon-arrow-top-right { - &:before { - content: $s-icon-arrow-top-right; - } -} -.s-icon-arrow-top { - &:before { - content: $s-icon-arrow-top; - } -} -.s-icon-calendar { - &:before { - content: $s-icon-calendar; - } -} -.s-icon-call-phone { - &:before { - content: $s-icon-call-phone; - } -} -.s-icon-chevron-bottom { - &:before { - content: $s-icon-chevron-bottom; - } -} -.s-icon-chevron-left { - &:before { - content: $s-icon-chevron-left; - } -} -.s-icon-chevron-right { - &:before { - content: $s-icon-chevron-right; - } -} -.s-icon-chevron-top { - &:before { - content: $s-icon-chevron-top; - } -} -.s-icon-chevrons-bottom { - &:before { - content: $s-icon-chevrons-bottom; - } -} -.s-icon-chevrons-left { - &:before { - content: $s-icon-chevrons-left; - } -} -.s-icon-chevrons-right { - &:before { - content: $s-icon-chevrons-right; - } -} -.s-icon-circle-arrow-bottom { - &:before { - content: $s-icon-circle-arrow-bottom; - } -} -.s-icon-circle-arrow-left { - &:before { - content: $s-icon-circle-arrow-left; - } -} -.s-icon-circle-arrow-right { - &:before { - content: $s-icon-circle-arrow-right; - } -} -.s-icon-circle-arrow-top { - &:before { - content: $s-icon-circle-arrow-top; - } -} -.s-icon-circle-chevron-bottom { - &:before { - content: $s-icon-circle-chevron-bottom; - } -} -.s-icon-circle-chevron-left { - &:before { - content: $s-icon-circle-chevron-left; - } -} -.s-icon-circle-chevron-right { - &:before { - content: $s-icon-circle-chevron-right; - } -} -.s-icon-circle-chevron-top { - &:before { - content: $s-icon-circle-chevron-top; - } -} -.s-icon-circle-chevrons-top { - &:before { - content: $s-icon-circle-chevrons-top; - } -} -.s-icon-file { - &:before { - content: $s-icon-file; - } -} -.s-icon-file-upload { - &:before { - content: $s-icon-file-upload; - } -} -.s-icon-folder { - &:before { - content: $s-icon-folder; - } -} -.s-icon-info { - &:before { - content: $s-icon-info; - } -} -.s-icon-lock { - &:before { - content: $s-icon-lock; - } -} -.s-icon-paperclip-vertical { +.s-icon-video-no { &:before { - content: $s-icon-paperclip-vertical; + content: $s-icon-video-no; } } -.s-icon-pencil { +.s-icon-wallet { &:before { - content: $s-icon-pencil; + content: $s-icon-wallet; } } -.s-icon-pin { +.s-icon-warning, .s-icon-error { &:before { - content: $s-icon-pin; + content: $s-icon-warning; } } -.s-icon-question-circle { +.s-icon-wi-fi { &:before { - content: $s-icon-question-circle; + content: $s-icon-wi-fi; } } -.s-icon-target { +.s-icon-x { &:before { - content: $s-icon-target; + content: $s-icon-x; } } -.s-icon-time { +.s-icon-x-rounded { &:before { - content: $s-icon-time; + content: $s-icon-x-rounded; } } -.s-icon-wi-fi { +.s-icon-zoom-in { &:before { - content: $s-icon-wi-fi; + content: $s-icon-zoom-in; } } -.s-icon-x { +.s-icon-zoom-out { &:before { - content: $s-icon-x; + content: $s-icon-zoom-out; } }