diff --git a/projects/core/custom-elements.json b/projects/core/custom-elements.json index 1924eee00..a6f4ffb89 100644 --- a/projects/core/custom-elements.json +++ b/projects/core/custom-elements.json @@ -35605,6 +35605,66 @@ } ] }, + { + "kind": "javascript-module", + "path": "icon/utils/all-groups.js", + "declarations": [ + { + "kind": "function", + "name": "listAllIcons" + } + ], + "exports": [ + { + "kind": "js", + "name": "listAllIcons", + "declaration": { + "name": "listAllIcons", + "module": "icon/utils/all-groups.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "icon/utils/charts.js", + "declarations": [ + { + "kind": "variable", + "name": "CHART_ICONS" + } + ], + "exports": [ + { + "kind": "js", + "name": "CHART_ICONS", + "declaration": { + "name": "CHART_ICONS", + "module": "icon/utils/charts.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "icon/utils/commerce.js", + "declarations": [ + { + "kind": "variable", + "name": "COMMERCE_ICONS" + } + ], + "exports": [ + { + "kind": "js", + "name": "COMMERCE_ICONS", + "declaration": { + "name": "COMMERCE_ICONS", + "module": "icon/utils/commerce.js" + } + } + ] + }, { "kind": "javascript-module", "path": "icon/utils/icon.classnames.js", @@ -35778,6 +35838,109 @@ } ] }, + { + "kind": "javascript-module", + "path": "icon/utils/media.js", + "declarations": [ + { + "kind": "variable", + "name": "MEDIA_ICONS" + } + ], + "exports": [ + { + "kind": "js", + "name": "MEDIA_ICONS", + "declaration": { + "name": "MEDIA_ICONS", + "module": "icon/utils/media.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "icon/utils/social.js", + "declarations": [ + { + "kind": "variable", + "name": "SOCIAL_ICONS" + } + ], + "exports": [ + { + "kind": "js", + "name": "SOCIAL_ICONS", + "declaration": { + "name": "SOCIAL_ICONS", + "module": "icon/utils/social.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "icon/utils/technology-1.js", + "declarations": [ + { + "kind": "variable", + "name": "TECHNOLOGY_ICONS_PART_ONE", + "default": "``" + } + ], + "exports": [ + { + "kind": "js", + "name": "TECHNOLOGY_ICONS_PART_ONE", + "declaration": { + "name": "TECHNOLOGY_ICONS_PART_ONE", + "module": "icon/utils/technology-1.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "icon/utils/technology-2.js", + "declarations": [ + { + "kind": "variable", + "name": "TECHNOLOGY_ICONS_PART_2", + "default": "``" + } + ], + "exports": [ + { + "kind": "js", + "name": "TECHNOLOGY_ICONS_PART_2", + "declaration": { + "name": "TECHNOLOGY_ICONS_PART_2", + "module": "icon/utils/technology-2.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "icon/utils/technology.js", + "declarations": [ + { + "kind": "variable", + "name": "TECHNOLOGY_ICONS", + "default": "``" + } + ], + "exports": [ + { + "kind": "js", + "name": "TECHNOLOGY_ICONS", + "declaration": { + "name": "TECHNOLOGY_ICONS", + "module": "icon/utils/technology.js" + } + } + ] + }, { "kind": "javascript-module", "path": "icon/utils/test-icons.js", @@ -35818,6 +35981,47 @@ } ] }, + { + "kind": "javascript-module", + "path": "icon/utils/text-editing.js", + "declarations": [ + { + "kind": "variable", + "name": "TEXT_EDITING_ICONS" + } + ], + "exports": [ + { + "kind": "js", + "name": "TEXT_EDITING_ICONS", + "declaration": { + "name": "TEXT_EDITING_ICONS", + "module": "icon/utils/text-editing.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "icon/utils/travel.js", + "declarations": [ + { + "kind": "variable", + "name": "TRAVEL_ICONS", + "default": "``" + } + ], + "exports": [ + { + "kind": "js", + "name": "TRAVEL_ICONS", + "declaration": { + "name": "TRAVEL_ICONS", + "module": "icon/utils/travel.js" + } + } + ] + }, { "kind": "javascript-module", "path": "index.js", diff --git a/projects/core/src/icon/icon.stories.ts b/projects/core/src/icon/icon.stories.ts index 976ffd220..8d39076e9 100644 --- a/projects/core/src/icon/icon.stories.ts +++ b/projects/core/src/icon/icon.stories.ts @@ -14,8 +14,204 @@ import { customElement, state } from 'lit/decorators.js'; import { homeIcon } from '@cds/core/icon/shapes/home.js'; import { baseStyles, spreadProps, getElementStorybookArgs, property } from '@cds/core/internal'; +import { axisChartIcon } from '@cds/core/icon/shapes/axis-chart.js'; +import { barChartIcon } from '@cds/core/icon/shapes/bar-chart.js'; +import { boxPlotIcon } from '@cds/core/icon/shapes/box-plot.js'; +import { bubbleChartIcon } from '@cds/core/icon/shapes/bubble-chart.js'; +import { cloudChartIcon } from '@cds/core/icon/shapes/cloud-chart.js'; +import { curveChartIcon } from '@cds/core/icon/shapes/curve-chart.js'; +import { gridChartIcon } from '@cds/core/icon/shapes/grid-chart.js'; +import { heatMapIcon } from '@cds/core/icon/shapes/heat-map.js'; +import { lineChartIcon } from '@cds/core/icon/shapes/line-chart.js'; +import { pieChartIcon } from '@cds/core/icon/shapes/pie-chart.js'; +import { scatterPlotIcon } from '@cds/core/icon/shapes/scatter-plot.js'; +import { tickChartIcon } from '@cds/core/icon/shapes/tick-chart.js'; +import { bellCurveIcon } from '@cds/core/icon/shapes/bell-curve.js'; + +import { calculatorIcon } from '@cds/core/icon/shapes/calculator.js'; +import { piggyBankIcon } from '@cds/core/icon/shapes/piggy-bank.js'; +import { shoppingBagIcon } from '@cds/core/icon/shapes/shopping-bag.js'; +import { shoppingCartIcon } from '@cds/core/icon/shapes/shopping-cart.js'; +import { walletIcon } from '@cds/core/icon/shapes/wallet.js'; +import { storeIcon } from '@cds/core/icon/shapes/store.js'; +import { euroIcon } from '@cds/core/icon/shapes/euro.js'; +import { dollarIcon } from '@cds/core/icon/shapes/dollar.js'; +import { creditCardIcon } from '@cds/core/icon/shapes/credit-card.js'; +import { bankIcon } from '@cds/core/icon/shapes/bank.js'; +import { dollarBillIcon } from '@cds/core/icon/shapes/dollar-bill.js'; +import { eCheckIcon } from '@cds/core/icon/shapes/e-check.js'; +import { poundIcon } from '@cds/core/icon/shapes/pound.js'; +import { rupeeIcon } from '@cds/core/icon/shapes/rupee.js'; +import { wonIcon } from '@cds/core/icon/shapes/won.js'; +import { yenIcon } from '@cds/core/icon/shapes/yen.js'; +import { bitcoinIcon } from '@cds/core/icon/shapes/bitcoin.js'; +import { pesoIcon } from '@cds/core/icon/shapes/peso.js'; +import { coinBagIcon } from '@cds/core/icon/shapes/coin-bag.js'; +import { rubleIcon } from '@cds/core/icon/shapes/ruble.js'; +import { employeeIcon } from '@cds/core/icon/shapes/employee.js'; +import { employeeGroupIcon } from '@cds/core/icon/shapes/employee-group.js'; +import { factoryIcon } from '@cds/core/icon/shapes/factory.js'; +import { playIcon } from '@cds/core/icon/shapes/play.js'; +import { pauseIcon } from '@cds/core/icon/shapes/pause.js'; +import { stepForwardIcon } from '@cds/core/icon/shapes/step-forward.js'; +import { stopIcon } from '@cds/core/icon/shapes/stop.js'; +import { powerIcon } from '@cds/core/icon/shapes/power.js'; +import { rewindIcon } from '@cds/core/icon/shapes/rewind.js'; +import { fastForwardIcon } from '@cds/core/icon/shapes/fast-forward.js'; +import { cameraIcon } from '@cds/core/icon/shapes/camera.js'; +import { videoCameraIcon } from '@cds/core/icon/shapes/video-camera.js'; +import { volumeUpIcon } from '@cds/core/icon/shapes/volume-up.js'; +import { volumeDownIcon } from '@cds/core/icon/shapes/volume-down.js'; +import { volumeMuteIcon } from '@cds/core/icon/shapes/volume-mute.js'; +import { headphonesIcon } from '@cds/core/icon/shapes/headphones.js'; +import { filmStripIcon } from '@cds/core/icon/shapes/film-strip.js'; +import { musicNoteIcon } from '@cds/core/icon/shapes/music-note.js'; +import { imageGalleryIcon } from '@cds/core/icon/shapes/image-gallery.js'; +import { videoGalleryIcon } from '@cds/core/icon/shapes/video-gallery.js'; +import { shuffleIcon } from '@cds/core/icon/shapes/shuffle.js'; +import { wandIcon } from '@cds/core/icon/shapes/wand.js'; +import { replayAllIcon } from '@cds/core/icon/shapes/replay-all.js'; +import { replayOneIcon } from '@cds/core/icon/shapes/replay-one.js'; + +import { shareIcon } from '@cds/core/icon/shapes/share.js'; +import { starIcon } from '@cds/core/icon/shapes/star.js'; +import { halfStarIcon } from '@cds/core/icon/shapes/half-star.js'; +import { bookmarkIcon } from '@cds/core/icon/shapes/bookmark.js'; +import { envelopeIcon } from '@cds/core/icon/shapes/envelope.js'; +import { calendarIcon } from '@cds/core/icon/shapes/calendar.js'; +import { eventIcon } from '@cds/core/icon/shapes/event.js'; +import { tasksIcon } from '@cds/core/icon/shapes/tasks.js'; +import { flagIcon } from '@cds/core/icon/shapes/flag.js'; +import { inboxIcon } from '@cds/core/icon/shapes/inbox.js'; +import { heartIcon } from '@cds/core/icon/shapes/heart.js'; +import { heartBrokenIcon } from '@cds/core/icon/shapes/heart-broken.js'; +import { talkBubblesIcon } from '@cds/core/icon/shapes/talk-bubbles.js'; +import { chatBubbleIcon } from '@cds/core/icon/shapes/chat-bubble.js'; +import { happyFaceIcon } from '@cds/core/icon/shapes/happy-face.js'; +import { neutralFaceIcon } from '@cds/core/icon/shapes/neutral-face.js'; +import { sadFaceIcon } from '@cds/core/icon/shapes/sad-face.js'; +import { thumbsUpIcon } from '@cds/core/icon/shapes/thumbs-up.js'; +import { thumbsDownIcon } from '@cds/core/icon/shapes/thumbs-down.js'; +import { crownIcon } from '@cds/core/icon/shapes/crown.js'; +import { hashtagIcon } from '@cds/core/icon/shapes/hashtag.js'; + +import { paintRollerIcon } from '@cds/core/icon/shapes/paint-roller.js'; +import { boldIcon } from '@cds/core/icon/shapes/bold.js'; +import { italicIcon } from '@cds/core/icon/shapes/italic.js'; +import { underlineIcon } from '@cds/core/icon/shapes/underline.js'; +import { fontSizeIcon } from '@cds/core/icon/shapes/font-size.js'; + +import { bulletListIcon } from '@cds/core/icon/shapes/bullet-list.js'; +import { numberListIcon } from '@cds/core/icon/shapes/number-list.js'; +import { checkboxListIcon } from '@cds/core/icon/shapes/checkbox-list.js'; +import { justifyTextIcon } from '@cds/core/icon/shapes/justify-text.js'; + +import { textIcon } from '@cds/core/icon/shapes/text.js'; +import { listAllIcons } from './utils/all-groups'; + // here for testing -ClarityIcons.addIcons(userIcon, imageIcon, homeIcon); + +ClarityIcons.addIcons( + userIcon, + imageIcon, + homeIcon, + // Charts + axisChartIcon, + barChartIcon, + boxPlotIcon, + bubbleChartIcon, + cloudChartIcon, + curveChartIcon, + gridChartIcon, + heatMapIcon, + lineChartIcon, + pieChartIcon, + scatterPlotIcon, + tickChartIcon, + bellCurveIcon, + // Commerce + calculatorIcon, + piggyBankIcon, + shoppingBagIcon, + shoppingCartIcon, + walletIcon, + storeIcon, + euroIcon, + dollarIcon, + creditCardIcon, + bankIcon, + dollarBillIcon, + eCheckIcon, + poundIcon, + rupeeIcon, + wonIcon, + yenIcon, + bitcoinIcon, + pesoIcon, + coinBagIcon, + rubleIcon, + employeeIcon, + employeeGroupIcon, + factoryIcon, + + // Media + playIcon, + pauseIcon, + stepForwardIcon, + stopIcon, + powerIcon, + rewindIcon, + fastForwardIcon, + cameraIcon, + videoCameraIcon, + volumeUpIcon, + volumeDownIcon, + volumeMuteIcon, + headphonesIcon, + filmStripIcon, + musicNoteIcon, + imageGalleryIcon, + videoGalleryIcon, + shuffleIcon, + wandIcon, + replayAllIcon, + replayOneIcon, + + // Social + shareIcon, + starIcon, + halfStarIcon, + bookmarkIcon, + envelopeIcon, + calendarIcon, + eventIcon, + tasksIcon, + flagIcon, + inboxIcon, + heartIcon, + heartBrokenIcon, + talkBubblesIcon, + chatBubbleIcon, + happyFaceIcon, + neutralFaceIcon, + sadFaceIcon, + thumbsUpIcon, + thumbsDownIcon, + crownIcon, + hashtagIcon, + + // Text edit + paintRollerIcon, + boldIcon, + italicIcon, + underlineIcon, + fontSizeIcon, + textIcon, + bulletListIcon, + numberListIcon, + checkboxListIcon, + justifyTextIcon +); export default { title: 'Stories/Icon', @@ -149,6 +345,10 @@ export function API(args: any) { `; } +export function iconsV3_1_0() { + return listAllIcons(); +} + /** @website */ export function icon() { return html`` + + `Charts` + + `
` + + `Axis-chart (Dev) Axes (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `Bar-chart (Dev) Bar (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `box-plot (Dev) box (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `bubble-chart (Dev) bubble (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `cloud-chart (Dev) cloud (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `curve-chart (Dev) curve (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `grid-chart (Dev) grid (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `heat-map (Dev) heat (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `line-chart (Dev) line (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `pie-chart (Dev) pie (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `scatter-plot (Dev) scatter (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `tick-chart (Dev) ticks (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `bell-curve (Dev) bell-curve (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + ``; diff --git a/projects/core/src/icon/utils/commerce.ts b/projects/core/src/icon/utils/commerce.ts new file mode 100644 index 000000000..e2d3668c7 --- /dev/null +++ b/projects/core/src/icon/utils/commerce.ts @@ -0,0 +1,217 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const COMMERCE_ICONS = + `
` + + `Commerce` + + `
` + + `
` + + `calculator (Dev) calculator (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `piggy-bank (Dev) piggy-bank (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `shopping-bag (Dev) shopping-bag (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `shopping-cart (Dev) shopping-cart (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `wallet (Dev) wallet (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `store (Dev) store (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `euro (Dev) euro (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `dollar (Dev) dollar (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `credit-card (Dev) credit-card (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `bank (Dev) bank (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `dollar-bill (Dev) dollar-bill (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `e-check (Dev) e-check (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `pound (Dev) pound (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `rupee (Dev) rupee (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `won (Dev) won (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `yen (Dev) yen (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `bitcoin (Dev) bitcoin (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `peso (Dev) peso (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `coin-bag (Dev) coin-bag (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `ruble (Dev) ruble (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `employee (Dev) employee (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `employee-grou (Dev) employee-grou (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `factory (Dev) factory (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + ``; diff --git a/projects/core/src/icon/utils/media.ts b/projects/core/src/icon/utils/media.ts new file mode 100644 index 000000000..7a66345f8 --- /dev/null +++ b/projects/core/src/icon/utils/media.ts @@ -0,0 +1,199 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const MEDIA_ICONS = + `Media` + + `
` + + `
` + + `
` + + `play (Dev) play (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `pause (Dev) pause (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `step-forward (Dev) step-forward (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `stop (Dev) stop (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `power (Dev) power (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `rewind (Dev) rewind (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `fast-forward (Dev) fast-forward (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `camera (Dev) camera (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `video-camera (Dev) video-camera (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `volume-up (Dev) volume-up (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `volume-down (Dev) volume-down (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `volume-mute (Dev) volume-mute (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `headphones (Dev) headphones (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `film-strip (Dev) film-strip (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `music-note (Dev) music-note (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `image-gallery (Dev) image-gallery (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `video-gallery (Dev) video-gallery (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `shuffle (Dev) shuffle (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `wand (Dev) wand (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `reply-all (Dev) reply-all (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `reply-one (Dev) reply-one (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + ``; diff --git a/projects/core/src/icon/utils/social.ts b/projects/core/src/icon/utils/social.ts new file mode 100644 index 000000000..a6d83139d --- /dev/null +++ b/projects/core/src/icon/utils/social.ts @@ -0,0 +1,199 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const SOCIAL_ICONS = + `
` + + `Social` + + `
` + + `
` + + `share (Dev) share (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `star (Dev) star (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `half-star (Dev) half-star (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `bookmark (Dev) bookmark (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `envelope (Dev) envelope (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `calendar (Dev) calendar (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `event (Dev) event (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `tasks (Dev) tasks (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `flag (Dev) flag (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `inbox (Dev) inbox (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `heart (Dev) heart (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `heartbroken (Dev) heartbroken (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `talk-bubbles (Dev) talk-bubbles (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `chat-bubbles (Dev) chat-bubbles (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `happy-face (Dev) happy-face (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `neutral-face (Dev) neutral-face (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `sad-face (Dev) sad-face (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `thumbs-up (Dev) thumbs-up (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `thumbs-down (Dev) thumbs-down (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `crown (Dev) crown (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `hashtag (Dev) hash-tag (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + ``; diff --git a/projects/core/src/icon/utils/technology-1.ts b/projects/core/src/icon/utils/technology-1.ts new file mode 100644 index 000000000..fcebe7be1 --- /dev/null +++ b/projects/core/src/icon/utils/technology-1.ts @@ -0,0 +1,7 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const TECHNOLOGY_ICONS_PART_ONE = ``; diff --git a/projects/core/src/icon/utils/technology-2.ts b/projects/core/src/icon/utils/technology-2.ts new file mode 100644 index 000000000..c7cbb1071 --- /dev/null +++ b/projects/core/src/icon/utils/technology-2.ts @@ -0,0 +1,7 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const TECHNOLOGY_ICONS_PART_2 = ``; diff --git a/projects/core/src/icon/utils/technology.ts b/projects/core/src/icon/utils/technology.ts new file mode 100644 index 000000000..120c3d8eb --- /dev/null +++ b/projects/core/src/icon/utils/technology.ts @@ -0,0 +1,7 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const TECHNOLOGY_ICONS = ``; diff --git a/projects/core/src/icon/utils/text-editing.ts b/projects/core/src/icon/utils/text-editing.ts new file mode 100644 index 000000000..8d340b518 --- /dev/null +++ b/projects/core/src/icon/utils/text-editing.ts @@ -0,0 +1,109 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const TEXT_EDITING_ICONS = + `
` + + `Text editing` + + `
` + + `
` + + `share (Dev) share (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `paint-roller (Dev) paint-roller (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `bold (Dev) bold (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `italic (Dev) italic (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `underline (Dev) underline (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `font-size (Dev) font-size (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `text (Dev) text (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `bullet-list (Dev) bulleted-list (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `number-list (Dev) numbered-list (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `checkboxed-list (Dev) checkbox-list (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + `` + + `
` + + `justify-list (Dev) justify (Figma):` + + `
` + + `` + + `` + + `` + + `` + + `` + + ``; diff --git a/projects/core/src/icon/utils/travel.ts b/projects/core/src/icon/utils/travel.ts new file mode 100644 index 000000000..607584fa9 --- /dev/null +++ b/projects/core/src/icon/utils/travel.ts @@ -0,0 +1,7 @@ +/* + * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved. + * This software is released under MIT license. + * The full license information can be found in LICENSE in the root directory of this project. + */ + +export const TRAVEL_ICONS = ``;