🍱 Icons: circle_filled, adjusted in_progress (#3719)

oddvernes · web-flow · commit 4bda8c0cce49 · 2025-01-08T13:29:20.000+01:00
* figma broker: all imports must have file ending

* circle_filled, modified in_progress

* 🔖release eds-icons@0.22.0
diff --git a/assets/icons/system-icons/ui-views/circle_filled.svg b/assets/icons/system-icons/ui-views/circle_filled.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"/></svg>
diff --git a/assets/icons/system-icons/ui-views/in_progress.svg b/assets/icons/system-icons/ui-views/in_progress.svg
@@ -1 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 19.5v-15a7.5 7.5 0 1 0 0 15M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2"/></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 20V4c-4.142 0-8 3.858-8 8s3.858 8 8 8m0-18c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2"/></svg>
diff --git a/packages/eds-core-react/stories/assets/icons/system-icons.json b/packages/eds-core-react/stories/assets/icons/system-icons.json
diff --git a/packages/eds-icons/CHANGELOG.md b/packages/eds-icons/CHANGELOG.md
@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.22.0] - 2025-01-08
+
+### Added
+
+- `circle_filled`
+
+### Changed
+
+- `in_progress` stroke thickness adjusted to conform with the rest of the circle icons
+
 ## [0.21.0] - 2024-01-26
 
 ### Added
diff --git a/packages/eds-icons/package.json b/packages/eds-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-icons",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Icons from the Equinor Design System",
   "main": "dist/icons.cjs",
   "module": "dist/esm/index.js",
diff --git a/packages/eds-icons/src/data.ts b/packages/eds-icons/src/data.ts
@@ -562,7 +562,7 @@ export const in_progress: IconData = {
       prefix: 'eds',
       height: '24',
       width: '24',
-      svgPathData: 'M12 19.5v-15a7.5 7.5 0 1 0 0 15M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2',
+      svgPathData: 'M12 20V4c-4.142 0-8 3.858-8 8s3.858 8 8 8m0-18c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2',
 
     }
 
@@ -611,6 +611,15 @@ export const enlarge: IconData = {
 
     }
 
+export const circle_filled: IconData = {
+      name: 'circle_filled',
+      prefix: 'eds',
+      height: '24',
+      width: '24',
+      svgPathData: 'M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10',
+
+    }
+
 export const signature: IconData = {
       name: 'signature',
       prefix: 'eds',
diff --git a/scripts/figma-broker/actions/createAssets/fetchAssets.js b/scripts/figma-broker/actions/createAssets/fetchAssets.js
@@ -4,10 +4,10 @@ import {
   getFigmaFile,
   processFigmaFile,
   fetchFigmaImageUrls,
-} from '../../functions/figma'
-import { fetchFile } from '../../functions/file'
-import { getAssets } from '../../files/assets'
-import { sleep, mergeStrings } from '../../functions/utils'
+} from '../../functions/figma.js'
+import { fetchFile } from '../../functions/file.js'
+import { getAssets } from '../../files/assets/index.js'
+import { sleep, mergeStrings } from '../../functions/utils.js'
 
 const getSvgPathData = R.pipe(
   R.match(/d="(.+?)"/g),
diff --git a/scripts/figma-broker/actions/createAssets/index.js b/scripts/figma-broker/actions/createAssets/index.js
@@ -4,9 +4,9 @@ import {
   writeResults,
   writeFile,
   writeResultsIndividually,
-} from '../../functions/file'
-import { PATHS } from '../../constants'
-import { fetchAssets } from './fetchAssets'
+} from '../../functions/file.js'
+import { PATHS } from '../../constants.js'
+import { fetchAssets } from './fetchAssets.js'
 
 // const svgContent = (asset) => {
 //   if (!asset) return { symbol: '', use: '' }
diff --git a/scripts/figma-broker/actions/createTokens.js b/scripts/figma-broker/actions/createTokens.js
@@ -1,15 +1,15 @@
 import * as R from 'ramda'
-import { getFigmaFile, processFigmaFile } from '../functions/figma'
-import { writeFile, writeResults } from '../functions/file'
-import { makeTokens } from '../files/design-tokens'
-import { makeColorCss } from '../files/design-tokens/color'
-import { makeSpacingCss } from '../files/design-tokens/spacing'
-import { makeElevationCss } from '../files/design-tokens/elevation'
-import { makeClickboundsCss } from '../files/design-tokens/clickbounds'
-import { makeTypographyCss } from '../files/design-tokens/typography'
-import { makeShapeCss } from '../files/design-tokens/shape'
-import { PATHS } from '../constants'
-import { mergeStrings } from '../functions/utils'
+import { getFigmaFile, processFigmaFile } from '../functions/figma.js'
+import { writeFile, writeResults } from '../functions/file.js'
+import { makeTokens } from '../files/design-tokens/index.js'
+import { makeColorCss } from '../files/design-tokens/color.js'
+import { makeSpacingCss } from '../files/design-tokens/spacing.js'
+import { makeElevationCss } from '../files/design-tokens/elevation.js'
+import { makeClickboundsCss } from '../files/design-tokens/clickbounds.js'
+import { makeTypographyCss } from '../files/design-tokens/typography.js'
+import { makeShapeCss } from '../files/design-tokens/shape.js'
+import { PATHS } from '../constants.js'
+import { mergeStrings } from '../functions/utils.js'
 
 const TOKENS_LIB_DIR = PATHS.BASE_TOKENS
 
diff --git a/scripts/figma-broker/actions/index.js b/scripts/figma-broker/actions/index.js
@@ -1,2 +1,2 @@
-export { createAssets } from './createAssets'
-export { createTokens } from './createTokens'
+export { createAssets } from './createAssets/index.js'
+export { createTokens } from './createTokens.js'
diff --git a/scripts/figma-broker/files/assets/icon.js b/scripts/figma-broker/files/assets/icon.js
@@ -1,4 +1,4 @@
-import { pathName, propName } from '../../functions/utils'
+import { pathName, propName } from '../../functions/utils.js'
 
 const parseComponent = (groupName, x) => ({
   name: propName(x.name.replace('-', ' ')),
diff --git a/scripts/figma-broker/files/assets/index.js b/scripts/figma-broker/files/assets/index.js
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
-import { fixPageName } from '../../functions/utils'
-import { makeAssetTokens } from './icon'
+import { fixPageName } from '../../functions/utils.js'
+import { makeAssetTokens } from './icon.js'
 
 const getAssetTokens = R.pipe(
   R.filter((x) => x.type === 'FRAME'),
diff --git a/scripts/figma-broker/files/design-tokens/clickbounds.js b/scripts/figma-broker/files/design-tokens/clickbounds.js
@@ -4,9 +4,9 @@ import {
   withType,
   pickChildren,
   toDictDeep,
-} from '../../functions/utils'
-import { px } from '../../functions/units'
-import { toCSSVars } from '../../transformers'
+} from '../../functions/utils.js'
+import { px } from '../../functions/units.js'
+import { toCSSVars } from '../../transformers/index.js'
 
 const toHeightTokens = R.pipe(
   R.filter(withType('frame')),
diff --git a/scripts/figma-broker/files/design-tokens/color.js b/scripts/figma-broker/files/design-tokens/color.js
@@ -4,13 +4,13 @@ import {
   withType,
   pickChildren,
   toDictMode,
-} from '../../functions/utils'
+} from '../../functions/utils.js'
 import {
   fillToRgba,
   fillToHex,
   fillToHsla,
   toCSSVars,
-} from '../../transformers'
+} from '../../transformers/index.js'
 
 const findMode = (name) => {
   if (/⚫/.test(name)) {
diff --git a/scripts/figma-broker/files/design-tokens/elevation.js b/scripts/figma-broker/files/design-tokens/elevation.js
@@ -4,9 +4,9 @@ import {
   withType,
   pickChildren,
   toDictDeep,
-} from '../../functions/utils'
-import { px } from '../../functions/units'
-import { fillToRgba, toCSSVars } from '../../transformers'
+} from '../../functions/utils.js'
+import { px } from '../../functions/units.js'
+import { fillToRgba, toCSSVars } from '../../transformers/index.js'
 
 const toBoxShadow = (effect) =>
   `${px(effect.offset.x)} ${px(effect.offset.y)} ${px(
diff --git a/scripts/figma-broker/files/design-tokens/index.js b/scripts/figma-broker/files/design-tokens/index.js
@@ -1,11 +1,11 @@
-import { makeColorToken } from './color'
-import { makeSpacingTokens } from './spacing'
-import { makeElevationTokens } from './elevation'
-import { makeClickboundsTokens } from './clickbounds'
-import { makeTextTokens } from './typography'
-import { makeShapeTokens } from './shape'
-import { makeInteractionsTokens } from './interactions'
-import { fixPageName } from '../../functions/utils'
+import { makeColorToken } from './color.js'
+import { makeSpacingTokens } from './spacing.js'
+import { makeElevationTokens } from './elevation.js'
+import { makeClickboundsTokens } from './clickbounds.js'
+import { makeTextTokens } from './typography.js'
+import { makeShapeTokens } from './shape.js'
+import { makeInteractionsTokens } from './interactions.js'
+import { fixPageName } from '../../functions/utils.js'
 
 export const makeTokens = (figmaFile) => {
   const tokens = []
diff --git a/scripts/figma-broker/files/design-tokens/interactions.js b/scripts/figma-broker/files/design-tokens/interactions.js
@@ -5,8 +5,8 @@ import {
   pickChildren,
   toDict,
   withName,
-} from '../../functions/utils'
-import { toFocus, toOverlay } from '../../transformers'
+} from '../../functions/utils.js'
+import { toFocus, toOverlay } from '../../transformers/index.js'
 
 const processGroup = R.pipe(
   pickChildren,
diff --git a/scripts/figma-broker/files/design-tokens/shape.js b/scripts/figma-broker/files/design-tokens/shape.js
@@ -6,8 +6,8 @@ import {
   toDict,
   mergeStrings,
   withName,
-} from '../../functions/utils'
-import { px } from '../../functions/units'
+} from '../../functions/utils.js'
+import { px } from '../../functions/units.js'
 
 const processGroup = R.pipe(
   pickChildren,
diff --git a/scripts/figma-broker/files/design-tokens/spacing.js b/scripts/figma-broker/files/design-tokens/spacing.js
@@ -1,7 +1,12 @@
 import * as R from 'ramda'
-import { propName, withType, pickChildren, toDict } from '../../functions/utils'
-import { px } from '../../functions/units'
-import { toCSSVars } from '../../transformers'
+import {
+  propName,
+  withType,
+  pickChildren,
+  toDict,
+} from '../../functions/utils.js'
+import { px } from '../../functions/units.js'
+import { toCSSVars } from '../../transformers/index.js'
 
 const toComfortable = (x) => ({ comfortable: x })
 
diff --git a/scripts/figma-broker/files/design-tokens/typography.js b/scripts/figma-broker/files/design-tokens/typography.js
@@ -5,8 +5,8 @@ import {
   pickChildren,
   mergeStrings,
   toDictMode,
-} from '../../functions/utils'
-import { toTypography } from '../../transformers'
+} from '../../functions/utils.js'
+import { toTypography } from '../../transformers/index.js'
 
 const findMode = (name) => {
   if (name.toLowerCase().includes('compact')) {
diff --git a/scripts/figma-broker/functions/figma.js b/scripts/figma-broker/functions/figma.js
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
 import fetch from 'node-fetch'
-import { readFile, writeFile } from './file'
+import { readFile, writeFile } from './file.js'
 
 const options = () => ({
   headers: {
diff --git a/scripts/figma-broker/functions/file.js b/scripts/figma-broker/functions/file.js
@@ -2,7 +2,7 @@ import fs from 'fs'
 import { deleteAsync } from 'del'
 import fetch from 'node-fetch'
 import * as R from 'ramda'
-import { createFolder } from './folder'
+import { createFolder } from './folder.js'
 //import prettier from 'prettier'
 
 //const prettierConfig = fs.readFileSync('./../../.prettierrc.yaml', 'utf8')
diff --git a/scripts/figma-broker/index.js b/scripts/figma-broker/index.js
@@ -1,7 +1,7 @@
 import { argv } from 'process'
 import dotenv from 'dotenv'
 
-import { createTokens, createAssets } from './actions'
+import { createTokens, createAssets } from './actions/index.js'
 
 dotenv.config()
 
diff --git a/scripts/figma-broker/transformers/index.js b/scripts/figma-broker/transformers/index.js
@@ -1,10 +1,10 @@
 import * as R from 'ramda'
-import { withType, removeNilAndEmpty } from '../functions/utils'
-import { px } from '../functions/units'
-import { fillToRgba } from './colors'
+import { withType, removeNilAndEmpty } from '../functions/utils.js'
+import { px } from '../functions/units.js'
+import { fillToRgba } from './colors.js'
 
-export * from './typography'
-export * from './colors'
+export * from './typography.js'
+export * from './colors.js'
 
 const fallback = {}
 
diff --git a/scripts/figma-broker/transformers/typography.js b/scripts/figma-broker/transformers/typography.js
@@ -1,7 +1,7 @@
 import * as R from 'ramda'
-import { withType, withName, removeNilAndEmpty } from '../functions/utils'
-import { rootFontSize, rem, em } from '../functions/units'
-import { fillToRgba } from './colors'
+import { withType, withName, removeNilAndEmpty } from '../functions/utils.js'
+import { rootFontSize, rem, em } from '../functions/units.js'
+import { fillToRgba } from './colors.js'
 
 const fallback = {}
 const cssVarName = (name) => `eds_${name}_color`

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@equinor/eds-icons",`
`3`		`- "version": "0.21.0",`
	`3`	`+ "version": "0.22.0",`
`4`	`4`	`"description": "Icons from the Equinor Design System",`
`5`	`5`	`"main": "dist/icons.cjs",`
`6`	`6`	`"module": "dist/esm/index.js",`