style-dictionary 3.7.2 → 3.8.0

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/color/core.js

@@ -1,31 +0,0 @@
-const Color = require('tinycolor2');
-
-// If you wanted to, you could generate the color ramp with base colors.
-// You get less control over specific color values,
-// but it might be more clean to do it this way.
-const baseColors = {
-  red:    {h: 4,   s: 62, v: 90},
-  purple: {h: 262, s: 47, v: 65},
-  blue:   {h: 206, s: 70, v: 85},
-  teal:   {h: 178, s: 75, v: 80},
-  green:  {h: 119, s: 47, v: 73},
-  yellow: {h: 45,  s: 70, v: 95},
-  orange: {h: 28,  s: 76, v: 98},
-  grey:   {h: 240, s: 14, v: 35},
-}
-
-// Use a reduce function to take the array of keys in baseColor
-// and map them to an object with the same keys.
-module.exports = Object.keys(baseColors).reduce((ret, color) => {
-  return Object.assign({}, ret, {
-    [color]: {
-      "20":  { value: Color(baseColors[color]).lighten(30).toString()},
-      "40":  { value: Color(baseColors[color]).lighten(25).toString()},
-      "60":  { value: Color(baseColors[color]).lighten(20).toString()},
-      "80":  { value: Color(baseColors[color]).lighten(10).toString()},
-      "100": { value: baseColors[color]},
-      "120": { value: Color(baseColors[color]).darken(10).toString()},
-      "140": { value: Color(baseColors[color]).darken(20).toString()}
-    }
-  })
-}, {});

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/color/font.js

@@ -1,8 +0,0 @@
-module.exports = {
-  base: { value: "{color.core.grey.100.value}" },
-  secondary: { value: "{color.core.grey.80.value}" },
-  link: { value: "{color.brand.primary.base.value}" },
-  inverse: {
-    base: { value: "#fff" }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/color/index.js

@@ -1,9 +0,0 @@
-// This is kinda cool, don't have to do that
-// weird JSON structure nesting in every file.
-module.exports = {
-  core: require('./core'),
-  brand: require('./brand'),
-  font: require('./font'),
-  background: require('./background'),
-  border: require('./border')
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/index.js

@@ -1,4 +0,0 @@
-module.exports = {
-  color: require('./color'),
-  size: require('./size')
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/size/border.js

@@ -1,9 +0,0 @@
-// Look! No namespaces!
-module.exports = {
-  width: {
-    base: { value: 0.125 }
-  },
-  radius: {
-    base: { value: 0.25 }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/size/font.js

@@ -1,11 +0,0 @@
-module.exports = {
-  '1': { value: 0.75 },
-  '2': { value: 0.875 },
-  '3': { value: 1 },
-  '4': { value: 1.25 },
-  '5': { value: 1.75 },
-  '6': { value: 2.5 },
-
-  base: { value: '{size.font.3.value}' },
-  large: { value: '{size.font.4.value}' },
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/size/index.js

@@ -1,5 +0,0 @@
-module.exports = {
-  padding: require('./padding'),
-  font: require('./font'),
-  border: require('./border')
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/node-modules-as-config-and-properties/tokens/size/padding.js

@@ -1,10 +0,0 @@
-module.exports = {
-  '1': { value: 0.5 },
-  '2': { value: 1 },
-  '3': { value: 2 },
-  '4': { value: 3.5 },
-  '5': { value: 5 },
-
-  base: { value: '{size.padding.1.value}' },
-  large: { value: '{size.padding.2.value}' },
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/npm-module/README.md

@@ -1,18 +0,0 @@
-## Style Dictionary as an npm module
-
-This example shows how to set up a style dictionary as an npm module, either to publish to a local npm service or to publish externally.
-
-When you publish this npm module, the `prepublishOnly` hook will run, calling the style dictionary build system to create the necessary files.
-
-#### Running the example
-
-First of all, set up the required dependencies running the command `npm install` in your local CLI environment (if you prefer to use *yarn*, update the commands accordingly).
-
-At this point, run `npm run build`. This command will generate the files in the `build` folder.
-
-
-#### What to look at
-
-Open the `package.json` file and see how in this specific example there is an extra [`prepublishOnly`](https://docs.npmjs.com/misc/scripts) command script, that builds the dictionary.
-
-This command is run automatically before the package is prepared and packed via the `npm publish` command.

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/npm-module/config.json

@@ -1,20 +0,0 @@
-{
-  "source": ["tokens/**/*.json"],
-  "platforms": {
-    "scss": {
-      "transformGroup": "scss",
-      "buildPath": "build/scss/",
-      "files": [{
-        "destination": "tokens.scss",
-        "format": "scss/variables"
-      }]
-    },
-    "js": {
-      "transformGroup": "js",
-      "files": [{
-        "destination": "tokens.js",
-        "format": "javascript/es6"
-      }]
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/npm-module/package.json

@@ -1,21 +0,0 @@
-{
-  "name": "style-dictionary-npm-example",
-  "version": "1.0.0",
-  "description": "",
-  "main": "build/index.js",
-  "files": [
-    "build",
-    "properties"
-  ],
-  "scripts": {
-    "build": "node_modules/.bin/style-dictionary build",
-    "clean": "rm -rf build",
-    "prepublishOnly": "npm run build",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "Apache-2.0",
-  "devDependencies": {
-    "style-dictionary": "3.7.1"
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/npm-module/tokens/color/base.json

@@ -1,13 +0,0 @@
-{
-  "color": {
-    "base": {
-      "gray": {
-        "light" : { "value": "#CCCCCC" },
-        "medium": { "value": "#999999" },
-        "dark"  : { "value": "#111111" }
-      },
-      "red": { "value": "#FF0000" },
-      "green": { "value": "#00FF00" }
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/npm-module/tokens/color/font.json

@@ -1,9 +0,0 @@
-{
-  "color": {
-    "font": {
-      "base"     : { "value": "{color.base.red.value}" },
-      "secondary": { "value": "{color.base.green.value}" },
-      "tertiary" : { "value": "{color.base.gray.light.value}" }
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/npm-module/tokens/size/font.json

@@ -1,22 +0,0 @@
-{
-  "size": {
-    "font": {
-      "small" : {
-        "value": "0.75",
-        "comment": "the small size of the font"
-      },
-      "medium": {
-        "value": "1",
-        "comment": "the medium size of the font"
-      },
-      "large" : {
-        "value": "2",
-        "comment": "the large size of the font"
-      },
-      "base"  : {
-        "value": "{size.font.medium.value}",
-        "comment": "the base size of the font"
-      }
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/README.md

@@ -1,93 +0,0 @@
-## Referencing (Aliasing)
-
-This example shows how to use referencing (or "aliasing") to reference a value -or an attribute– of a token and assign it to the value –or attribute– of another token.
-
-This is quite handy when you want to create a system that uses some basic design definitions (base colors, base font sizes, base scales, etc) but then exposes them in a more complex and detailed set of design tokens, typically to describe a complete UI pattern library.
-
-#### Running the example
-
-First of all, set up the required dependencies running the command `npm install` in your local CLI environment (if you prefer to use *yarn*, update the commands accordingly).
-
-At this point, you can run `npm run build`. This command will generate the output file in the `build` folder.
-
-#### How does it work
-
-The "build" command processes the JSON files in the `tokens` folder. Whenever it finds a reference declared via this syntax:
-
-```
-   token: {
-       "value": "{ref.to.object.value}"
-   }
-```
-the build process resolves the reference using the declared path (`ref.to.object`) to retrieve the actual value of the referenced token inside the Style Dictionary object.
-
-**Notice**: if the path is not valid, doesn't exist or is a circular reference, Style Dictionary generates an error in the console.
-
-#### What to look at
-
-Open the JSON files in the `tokens` folder and see how certain tokens are referencing the values of other tokens via "aliases".
-
-For example, open `color/base.json` and see how the value of the "primary" color is a **reference** to the value of the "green" color, declared as:
-
-```
-   "primary": { "value": "{color.base.green.value}" }
-
-```
-In this case, the string `"{color.base.green.value}"` is resolved at build time, and gets its value from the value of the "green" base color, `"#00FF00"`.
-
-The reference can point to another token in a **different JSON file**. For example open `color/font.json` and see how the value for the base/secondary font colors are references to the tokens declared in `color/base.json`:
-
-```
-{
-  "color": {
-    "font": {
-      "base"     : { "value": "{color.base.red.value}" },
-      "secondary": { "value": "{color.base.green.value}" }
-      ...
-```
-
-It is also possible to create **chains of references**, where a value references an alias that is also an alias of a value. If you open `button/button.json`, the value of the primary color for the button is an alias of `color.primary.value`, that is an alias of `color.base.green.value`:
-
-```
-{
-  "button": {
-    "color": {
-      "primary": {
-        "value": "{color.primary.value}"
-        ...
-```
-
-The value associated to a token can be an **object** (eg. an RGB color). In that case, the reference still works. If you open `color/font.json` you will see that the "faded" color of text is a reference to `color.base.gray.medium.value`, but if you look in `color/base.json` you will see that the value of the "medium gray" color is not a string, but an RGB object:
-
-```
-{
-  "color": {
-    "base": {
-      ...
-      "gray": {
-        "medium": { "value": { "r": 146, "g": 153, "b": 162 } }
-
-```
-In that case Style Dictionary still resolves correctly the alias to the  corresponding value:
-
-```
-"color-base-gray-medium": "#9299a2"
-```
-
-You can also reference **other attributes of a token**, not only its value. For example in `button/button.json` the value of text size is composed as concatenation (remember, it's a string, think of it as template literals) of two tokens of the "global" object, declared in the `globals.json` file:
-
-```
-    "text": {
-      "size": {
-        "value": "{globals.baseline}{globals.unit}"
-      }
-    }
-
-```
-this at build time gets resolved to:
-
-```
-"button-text-size": "16px"
-```
-
-This is an example: the real applications can be the most different depending on the context and the needs. For example, look at the [multi-brand-multi-platform](../multi-brand-multi-platform) demo, to see how the aliasing is used to create a powerful theming system.

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/config.json

@@ -1,13 +0,0 @@
-{
-  "source": ["tokens/**/*.json"],
-  "platforms": {
-    "example": {
-      "transformGroup": "web",
-      "buildPath": "build/json/",
-      "files": [{
-        "destination": "variables.json",
-        "format": "json/flat"
-      }]
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "style-dictionary-referencing_aliasing",
-  "version": "1.0.0",
-  "description": "",
-  "main": "build/index.js",
-  "files": [
-    "build",
-    "properties"
-  ],
-  "scripts": {
-    "build": "node_modules/.bin/style-dictionary build",
-    "clean": "rm -rf build",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "Apache-2.0",
-  "devDependencies": {
-    "style-dictionary": "3.7.1"
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/tokens/button/button.json

@@ -1,20 +0,0 @@
-{
-  "button": {
-    "color": {
-      "primary": {
-        "value": "{color.primary.value}"
-      },
-      "secondary": {
-        "value": "{color.secondary.value}"
-      },
-      "danger": {
-        "value": "{color.base.red.value}"
-      }
-    },
-    "text": {
-      "size": {
-        "value": "{globals.baseline}{globals.unit}"
-      }
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/tokens/color/base.json

@@ -1,17 +0,0 @@
-{
-  "color": {
-    "base": {
-      "white": { "value": "#FFFFFF" },
-      "gray": {
-        "light" : { "value": "#CCCCCC" },
-        "medium": { "value": { "r": 146, "g": 153, "b": 162 } },
-        "dark"  : { "value": "#111111" }
-      },
-      "red": { "value": "#FF0000" },
-      "green": { "value": "#00FF00" },
-      "blue": { "value": "#0000FF" }
-    },
-    "primary": { "value": "{color.base.green.value}" },
-    "secondary": { "value": "{color.base.blue.value}" }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/tokens/color/font.json

@@ -1,9 +0,0 @@
-{
-  "color": {
-    "font": {
-      "base"     : { "value": "{color.base.gray.dark.value}" },
-      "faded": { "value": "{color.base.gray.medium.value}" },
-      "error": { "value": "{color.base.red.value}" }
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/tokens/globals.json

@@ -1,6 +0,0 @@
-{
-  "globals": {
-    "baseline": "16",
-    "unit": "px"
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/referencing_aliasing/tokens/size/font.json

@@ -1,22 +0,0 @@
-{
-  "size": {
-    "font": {
-      "small" : {
-        "value": "12",
-        "comment": "the small size of the font"
-      },
-      "medium": {
-        "value": "16",
-        "comment": "the medium size of the font"
-      },
-      "large" : {
-        "value": "18",
-        "comment": "the large size of the font"
-      },
-      "base"  : {
-        "value": "{size.font.medium.value}",
-        "comment": "the base size of the font"
-      }
-    }
-  }
-}

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/README.md

@@ -1,22 +0,0 @@
-## Connect Style Dictionary with an Amazon S3 bucket
-
-This example shows how to set up a style dictionary to build files for different platforms (web, iOS, Android) and upload those build artifacts, together with a group of assets, to an S3 bucket. 
-
-The platforms can then pull these files down during their build process.
-
-#### Running the example
-
-If you only want to see which files are generated, run the command `npm run build` in your local CLI environment.
-
-If instead you want to see the full process, run the command `npm start`: this will start the style dictionary build process, save the output files and copy the assets into the `build` directory, then it will upload everything from the build directory into an S3 bucket. 
-
-Important: in this case you need to make sure you have you computer set up to upload to your aws account, see [https://github.com/awslabs/aws-nodejs-sample](https://github.com/awslabs/aws-nodejs-sample) for a sample setup.
-
-#### The "copy" step
-
-The asset files are copied into the folder `build` thanks to the action `copy_assets` declared in the `config.js` file. This action expects a folder specifically called `assets` in the root of the project.
-
-
-#### The "upload" step
-
-The upload to the S3 container in this example is done via a custom script, `upload.js`, which is not part of the standad Style Dictionary package. If you want you can adapt this script to your needs, or create a new custom script that will work with your specific storage solution.

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/alert-circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/alert-octagon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/alert-triangle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12" y2="17"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/archive.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-archive"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/book-open.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book-open"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/book.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/bookmark.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/briefcase.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/calendar.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/camera.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/check-circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/check-square.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/database.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/delete.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-delete"><path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path><line x1="18" y1="9" x2="12" y2="15"></line><line x1="12" y1="9" x2="18" y2="15"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/dollar-sign.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/download-cloud.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download-cloud"><polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/edit-1.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34"></path><polygon points="18 2 22 6 12 16 8 16 8 12 18 2"></polygon></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/edit-2.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2"><polygon points="16 3 21 8 8 21 3 21 3 16 16 3"></polygon></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/edit-3.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3"><polygon points="14 2 18 6 7 17 3 17 3 13 14 2"></polygon><line x1="3" y1="22" x2="21" y2="22"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/external-link.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/file-text.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/file.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/film.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-film"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/folder.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/gift.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gift"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/github.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/globe.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>

package/examples/advanced/custom-file-header/node_modules/style-dictionary/examples/advanced/s3/assets/icons/grid.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>