@muraldevkit/ds-pictograms 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/availableSvgs/index.d.ts +2 -0
- package/dist/availableSvgs/index.js +67 -0
- package/package.json +34 -1
package/README.md
CHANGED
|
@@ -17,6 +17,10 @@ Review the design system's global usage guidelines to learn how to install compo
|
|
|
17
17
|
|
|
18
18
|
After you have installed the package into your project, you can import the pictograms you need into your file and use the `@muraldevkit/ds-component-svg` package to render the SVG HTML.
|
|
19
19
|
|
|
20
|
+
## Available SVGs file
|
|
21
|
+
|
|
22
|
+
A file will be available at `@muraldevkit/ds-pictograms/dist/availableSvgs/index.js`. It can be used to check if an icon exists by a given name. A type definition is included at `@muraldevkit/ds-pictograms/dist/availableSvgs/index.d.ts`.
|
|
23
|
+
|
|
20
24
|
## Themes
|
|
21
25
|
|
|
22
26
|
The pictograms package supports multiple themes. The index file will include pictograms from every theme. You can then specify the theme to render via the `mrl-svg` component prop. This is helpful when rendering an pictogram that has an associated feature flag where you'll need to dynamically toggle between the the theme within the product.
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
var availableSvgs = [
|
|
2
|
+
'brandSymbol',
|
|
3
|
+
'brandWordmark',
|
|
4
|
+
'drawEraser',
|
|
5
|
+
'drawStrokeFine',
|
|
6
|
+
'drawStrokeHighlighter',
|
|
7
|
+
'drawStrokeMedium',
|
|
8
|
+
'drawStrokeUltraFine',
|
|
9
|
+
'drawWeight10',
|
|
10
|
+
'drawWeight100',
|
|
11
|
+
'drawWeight20',
|
|
12
|
+
'drawWeight30',
|
|
13
|
+
'drawWeight40',
|
|
14
|
+
'drawWeight50',
|
|
15
|
+
'drawWeight60',
|
|
16
|
+
'drawWeight70',
|
|
17
|
+
'drawWeight80',
|
|
18
|
+
'drawWeight90',
|
|
19
|
+
'logoGmail',
|
|
20
|
+
'logoSlackColor',
|
|
21
|
+
'stickyRectangle',
|
|
22
|
+
'stickyRound',
|
|
23
|
+
'stickyRounded',
|
|
24
|
+
'sticky',
|
|
25
|
+
'voteAdd',
|
|
26
|
+
'voteAnonymous',
|
|
27
|
+
'voteRemove',
|
|
28
|
+
'checkboxCustom',
|
|
29
|
+
'colorBorderMixed',
|
|
30
|
+
'colorBorderNone',
|
|
31
|
+
'colorBorder',
|
|
32
|
+
'colorFillMixed',
|
|
33
|
+
'colorFillNone',
|
|
34
|
+
'colorFill',
|
|
35
|
+
'colorPicker',
|
|
36
|
+
'colorTransparent',
|
|
37
|
+
'customColors',
|
|
38
|
+
'fileDoc',
|
|
39
|
+
'fileGdoc',
|
|
40
|
+
'fileGeneric',
|
|
41
|
+
'fileGforms',
|
|
42
|
+
'fileGmaps',
|
|
43
|
+
'fileGsheets',
|
|
44
|
+
'fileGslides',
|
|
45
|
+
'fileLoom',
|
|
46
|
+
'fileOnedrive',
|
|
47
|
+
'filePdf',
|
|
48
|
+
'filePpt',
|
|
49
|
+
'fileSharepoint',
|
|
50
|
+
'fileStream',
|
|
51
|
+
'fileTxt',
|
|
52
|
+
'fileXls',
|
|
53
|
+
'fileZip',
|
|
54
|
+
'framesA4',
|
|
55
|
+
'framesCustom',
|
|
56
|
+
'framesGrid',
|
|
57
|
+
'framesLetter',
|
|
58
|
+
'framesPhone',
|
|
59
|
+
'framesPresentation',
|
|
60
|
+
'framesSquare',
|
|
61
|
+
'framesTablet',
|
|
62
|
+
'logoGoogle',
|
|
63
|
+
'logoMicrosoft',
|
|
64
|
+
'logoVimeo',
|
|
65
|
+
'logoYoutube'
|
|
66
|
+
];
|
|
67
|
+
module.exports = availableSvgs;
|
package/package.json
CHANGED
|
@@ -1 +1,34 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "@muraldevkit/ds-pictograms",
|
|
3
|
+
"version": "1.3.2",
|
|
4
|
+
"description": "Mural's design system's pictogram library",
|
|
5
|
+
"license": "https://www.mural.co/terms/developer-addendum",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist"
|
|
8
|
+
],
|
|
9
|
+
"publishConfig": {
|
|
10
|
+
"access": "public"
|
|
11
|
+
},
|
|
12
|
+
"types": "./dist/types/index.d.ts",
|
|
13
|
+
"main": "./dist/cjs/index.js",
|
|
14
|
+
"module": "./dist/esm/index.js",
|
|
15
|
+
"scripts": {
|
|
16
|
+
"build": "npm run clean && npm run build:pictograms",
|
|
17
|
+
"build:pictograms": "node ./lib/index.js",
|
|
18
|
+
"clean": "rimraf dist",
|
|
19
|
+
"release": "npx semantic-release"
|
|
20
|
+
},
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@muraldevkit/config": "*",
|
|
23
|
+
"@muraldevkit/icons-utils": "*",
|
|
24
|
+
"rimraf": "5.0.0",
|
|
25
|
+
"semantic-release": "19.0.5",
|
|
26
|
+
"semantic-release-monorepo": "7.0.5"
|
|
27
|
+
},
|
|
28
|
+
"release": {
|
|
29
|
+
"extends": [
|
|
30
|
+
"semantic-release-monorepo",
|
|
31
|
+
"./release.config"
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
}
|