@mittwald/flow-design-tokens 1.6.0-next.2 → 1.6.0-next.3

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.
Files changed (25) hide show
  1. package/dist/css/all-dark.css +2 -1
  2. package/dist/css/all-light.css +1 -0
  3. package/dist/css/colors-dark-system.css +2 -1
  4. package/dist/css/colors-dark.css +2 -1
  5. package/dist/css/colors-light-system.css +1 -0
  6. package/dist/css/colors-light.css +1 -0
  7. package/dist/css-layered/all-dark.css +2 -1
  8. package/dist/css-layered/all-light.css +1 -0
  9. package/dist/css-layered/colors-dark-system.css +2 -1
  10. package/dist/css-layered/colors-dark.css +2 -1
  11. package/dist/css-layered/colors-light-system.css +1 -0
  12. package/dist/css-layered/colors-light.css +1 -0
  13. package/dist/json/all-dark.json +23 -2
  14. package/dist/json/all-light.json +21 -0
  15. package/dist/json/colors-dark-system.json +23 -2
  16. package/dist/json/colors-dark.json +23 -2
  17. package/dist/json/colors-light-system.json +21 -0
  18. package/dist/json/colors-light.json +21 -0
  19. package/dist/json-runtime/all-dark.json +10 -1
  20. package/dist/json-runtime/all-light.json +9 -0
  21. package/dist/json-runtime/colors-dark-system.json +10 -1
  22. package/dist/json-runtime/colors-dark.json +10 -1
  23. package/dist/json-runtime/colors-light-system.json +9 -0
  24. package/dist/json-runtime/colors-light.json +9 -0
  25. package/package.json +2 -2
package/dist/css/all-dark.css CHANGED
@@ -166,7 +166,7 @@
166
166
  --color--static-white-alpha--700: rgb(255 255 255 / 87.5%);
167
167
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
168
168
  --color--gradient: radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%);
169
- --color--background-gradient: linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%);
169
+ --color--background-gradient: linear-gradient(180deg, #0d101a 0%, #354176 100%);
170
170
  --avatar--size--m: 2.5rem;
171
171
  --code-block--font-family: FiraCode, monospace;
172
172
  --icon--size--s: 1rem;
@@ -229,6 +229,7 @@
229
229
  --loading-spinner--transition-duration-slow: 6000ms;
230
230
  --notification--width: 355px;
231
231
  --progress-bar--transition-duration: 800ms;
232
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
232
233
  --image-cropper--grid-width: 0.5px;
233
234
  --action-group--spacing--m: var(--size-px--m);
234
235
  --action-group--spacing--s: var(--size-px--s);
package/dist/css/all-light.css CHANGED
@@ -229,6 +229,7 @@
229
229
  --loading-spinner--transition-duration-slow: 6000ms;
230
230
  --notification--width: 355px;
231
231
  --progress-bar--transition-duration: 800ms;
232
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
232
233
  --image-cropper--grid-width: 0.5px;
233
234
  --action-group--spacing--m: var(--size-px--m);
234
235
  --action-group--spacing--s: var(--size-px--s);
package/dist/css/colors-dark-system.css CHANGED
@@ -159,5 +159,6 @@
159
159
  --color--static-white-alpha--700: rgb(255 255 255 / 87.5%);
160
160
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
161
161
  --color--gradient: radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%);
162
- --color--background-gradient: linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%);
162
+ --color--background-gradient: linear-gradient(180deg, #0d101a 0%, #354176 100%);
163
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
163
164
  }
package/dist/css/colors-dark.css CHANGED
@@ -159,5 +159,6 @@
159
159
  --color--static-white-alpha--700: rgb(255 255 255 / 87.5%);
160
160
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
161
161
  --color--gradient: radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%);
162
- --color--background-gradient: linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%);
162
+ --color--background-gradient: linear-gradient(180deg, #0d101a 0%, #354176 100%);
163
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
163
164
  }
package/dist/css/colors-light-system.css CHANGED
@@ -160,4 +160,5 @@
160
160
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
161
161
  --color--gradient: radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%);
162
162
  --color--background-gradient: linear-gradient( 180deg, rgba(244, 248, 252, 1) 20%, rgba(208, 214, 243, 1) 100% );
163
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
163
164
  }
package/dist/css/colors-light.css CHANGED
@@ -160,4 +160,5 @@
160
160
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
161
161
  --color--gradient: radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%);
162
162
  --color--background-gradient: linear-gradient( 180deg, rgba(244, 248, 252, 1) 20%, rgba(208, 214, 243, 1) 100% );
163
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
163
164
  }
package/dist/css-layered/all-dark.css CHANGED
@@ -167,7 +167,7 @@
167
167
  --color--static-white-alpha--700: rgb(255 255 255 / 87.5%);
168
168
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
169
169
  --color--gradient: radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%);
170
- --color--background-gradient: linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%);
170
+ --color--background-gradient: linear-gradient(180deg, #0d101a 0%, #354176 100%);
171
171
  --avatar--size--m: 2.5rem;
172
172
  --code-block--font-family: FiraCode, monospace;
173
173
  --icon--size--s: 1rem;
@@ -230,6 +230,7 @@
230
230
  --loading-spinner--transition-duration-slow: 6000ms;
231
231
  --notification--width: 355px;
232
232
  --progress-bar--transition-duration: 800ms;
233
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
233
234
  --image-cropper--grid-width: 0.5px;
234
235
  --action-group--spacing--m: var(--size-px--m);
235
236
  --action-group--spacing--s: var(--size-px--s);
package/dist/css-layered/all-light.css CHANGED
@@ -230,6 +230,7 @@
230
230
  --loading-spinner--transition-duration-slow: 6000ms;
231
231
  --notification--width: 355px;
232
232
  --progress-bar--transition-duration: 800ms;
233
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
233
234
  --image-cropper--grid-width: 0.5px;
234
235
  --action-group--spacing--m: var(--size-px--m);
235
236
  --action-group--spacing--s: var(--size-px--s);
package/dist/css-layered/colors-dark-system.css CHANGED
@@ -160,6 +160,7 @@
160
160
  --color--static-white-alpha--700: rgb(255 255 255 / 87.5%);
161
161
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
162
162
  --color--gradient: radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%);
163
- --color--background-gradient: linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%);
163
+ --color--background-gradient: linear-gradient(180deg, #0d101a 0%, #354176 100%);
164
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
164
165
  }
165
166
  }
package/dist/css-layered/colors-dark.css CHANGED
@@ -160,6 +160,7 @@
160
160
  --color--static-white-alpha--700: rgb(255 255 255 / 87.5%);
161
161
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
162
162
  --color--gradient: radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%);
163
- --color--background-gradient: linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%);
163
+ --color--background-gradient: linear-gradient(180deg, #0d101a 0%, #354176 100%);
164
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
164
165
  }
165
166
  }
package/dist/css-layered/colors-light-system.css CHANGED
@@ -161,5 +161,6 @@
161
161
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
162
162
  --color--gradient: radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%);
163
163
  --color--background-gradient: linear-gradient( 180deg, rgba(244, 248, 252, 1) 20%, rgba(208, 214, 243, 1) 100% );
164
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
164
165
  }
165
166
  }
package/dist/css-layered/colors-light.css CHANGED
@@ -161,5 +161,6 @@
161
161
  --color--static-white-alpha--800: rgb(255 255 255 / 100%);
162
162
  --color--gradient: radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%);
163
163
  --color--background-gradient: linear-gradient( 180deg, rgba(244, 248, 252, 1) 20%, rgba(208, 214, 243, 1) 100% );
164
+ --texture--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
164
165
  }
165
166
  }
package/dist/json/all-dark.json CHANGED
@@ -15748,11 +15748,11 @@
15748
15748
  },
15749
15749
  "background-gradient": {
15750
15750
  "key": "{color.background-gradient}",
15751
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
15751
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
15752
15752
  "filePath": "src/color-palette.dark.yml",
15753
15753
  "isSource": true,
15754
15754
  "original": {
15755
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
15755
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
15756
15756
  "key": "{color.background-gradient}"
15757
15757
  },
15758
15758
  "name": "ColorBackgroundGradient",
@@ -30616,6 +30616,27 @@
30616
30616
  ]
30617
30617
  }
30618
30618
  },
30619
+ "texture": {
30620
+ "grain": {
30621
+ "key": "{texture.grain}",
30622
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
30623
+ "filePath": "src/texture.dark.yml",
30624
+ "isSource": true,
30625
+ "original": {
30626
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
30627
+ "key": "{texture.grain}"
30628
+ },
30629
+ "name": "TextureGrain",
30630
+ "attributes": {
30631
+ "category": "texture",
30632
+ "type": "grain"
30633
+ },
30634
+ "path": [
30635
+ "texture",
30636
+ "grain"
30637
+ ]
30638
+ }
30639
+ },
30619
30640
  "file-card": {
30620
30641
  "padding-x": {
30621
30642
  "key": "{file-card.padding-x}",
package/dist/json/all-light.json CHANGED
@@ -30616,6 +30616,27 @@
30616
30616
  ]
30617
30617
  }
30618
30618
  },
30619
+ "texture": {
30620
+ "grain": {
30621
+ "key": "{texture.grain}",
30622
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
30623
+ "filePath": "src/texture.light.yml",
30624
+ "isSource": true,
30625
+ "original": {
30626
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
30627
+ "key": "{texture.grain}"
30628
+ },
30629
+ "name": "TextureGrain",
30630
+ "attributes": {
30631
+ "category": "texture",
30632
+ "type": "grain"
30633
+ },
30634
+ "path": [
30635
+ "texture",
30636
+ "grain"
30637
+ ]
30638
+ }
30639
+ },
30619
30640
  "file-card": {
30620
30641
  "padding-x": {
30621
30642
  "key": "{file-card.padding-x}",
package/dist/json/colors-dark-system.json CHANGED
@@ -3304,11 +3304,11 @@
3304
3304
  },
3305
3305
  "background-gradient": {
3306
3306
  "key": "{color.background-gradient}",
3307
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
3307
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
3308
3308
  "filePath": "src/color-palette.dark.yml",
3309
3309
  "isSource": true,
3310
3310
  "original": {
3311
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
3311
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
3312
3312
  "key": "{color.background-gradient}"
3313
3313
  },
3314
3314
  "name": "ColorBackgroundGradient",
@@ -3321,5 +3321,26 @@
3321
3321
  "background-gradient"
3322
3322
  ]
3323
3323
  }
3324
+ },
3325
+ "texture": {
3326
+ "grain": {
3327
+ "key": "{texture.grain}",
3328
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3329
+ "filePath": "src/texture.dark.yml",
3330
+ "isSource": true,
3331
+ "original": {
3332
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3333
+ "key": "{texture.grain}"
3334
+ },
3335
+ "name": "TextureGrain",
3336
+ "attributes": {
3337
+ "category": "texture",
3338
+ "type": "grain"
3339
+ },
3340
+ "path": [
3341
+ "texture",
3342
+ "grain"
3343
+ ]
3344
+ }
3324
3345
  }
3325
3346
  }
package/dist/json/colors-dark.json CHANGED
@@ -3304,11 +3304,11 @@
3304
3304
  },
3305
3305
  "background-gradient": {
3306
3306
  "key": "{color.background-gradient}",
3307
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
3307
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
3308
3308
  "filePath": "src/color-palette.dark.yml",
3309
3309
  "isSource": true,
3310
3310
  "original": {
3311
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
3311
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
3312
3312
  "key": "{color.background-gradient}"
3313
3313
  },
3314
3314
  "name": "ColorBackgroundGradient",
@@ -3321,5 +3321,26 @@
3321
3321
  "background-gradient"
3322
3322
  ]
3323
3323
  }
3324
+ },
3325
+ "texture": {
3326
+ "grain": {
3327
+ "key": "{texture.grain}",
3328
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3329
+ "filePath": "src/texture.dark.yml",
3330
+ "isSource": true,
3331
+ "original": {
3332
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3333
+ "key": "{texture.grain}"
3334
+ },
3335
+ "name": "TextureGrain",
3336
+ "attributes": {
3337
+ "category": "texture",
3338
+ "type": "grain"
3339
+ },
3340
+ "path": [
3341
+ "texture",
3342
+ "grain"
3343
+ ]
3344
+ }
3324
3345
  }
3325
3346
  }
package/dist/json/colors-light-system.json CHANGED
@@ -3321,5 +3321,26 @@
3321
3321
  "background-gradient"
3322
3322
  ]
3323
3323
  }
3324
+ },
3325
+ "texture": {
3326
+ "grain": {
3327
+ "key": "{texture.grain}",
3328
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3329
+ "filePath": "src/texture.light.yml",
3330
+ "isSource": true,
3331
+ "original": {
3332
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3333
+ "key": "{texture.grain}"
3334
+ },
3335
+ "name": "TextureGrain",
3336
+ "attributes": {
3337
+ "category": "texture",
3338
+ "type": "grain"
3339
+ },
3340
+ "path": [
3341
+ "texture",
3342
+ "grain"
3343
+ ]
3344
+ }
3324
3345
  }
3325
3346
  }
package/dist/json/colors-light.json CHANGED
@@ -3321,5 +3321,26 @@
3321
3321
  "background-gradient"
3322
3322
  ]
3323
3323
  }
3324
+ },
3325
+ "texture": {
3326
+ "grain": {
3327
+ "key": "{texture.grain}",
3328
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3329
+ "filePath": "src/texture.light.yml",
3330
+ "isSource": true,
3331
+ "original": {
3332
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
3333
+ "key": "{texture.grain}"
3334
+ },
3335
+ "name": "TextureGrain",
3336
+ "attributes": {
3337
+ "category": "texture",
3338
+ "type": "grain"
3339
+ },
3340
+ "path": [
3341
+ "texture",
3342
+ "grain"
3343
+ ]
3344
+ }
3324
3345
  }
3325
3346
  }
package/dist/json-runtime/all-dark.json CHANGED
@@ -6119,7 +6119,7 @@
6119
6119
  ]
6120
6120
  },
6121
6121
  "background-gradient": {
6122
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
6122
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
6123
6123
  "path": [
6124
6124
  "color",
6125
6125
  "background-gradient"
@@ -11848,6 +11848,15 @@
11848
11848
  ]
11849
11849
  }
11850
11850
  },
11851
+ "texture": {
11852
+ "grain": {
11853
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
11854
+ "path": [
11855
+ "texture",
11856
+ "grain"
11857
+ ]
11858
+ }
11859
+ },
11851
11860
  "file-card": {
11852
11861
  "padding-x": {
11853
11862
  "value": "8px",
package/dist/json-runtime/all-light.json CHANGED
@@ -11848,6 +11848,15 @@
11848
11848
  ]
11849
11849
  }
11850
11850
  },
11851
+ "texture": {
11852
+ "grain": {
11853
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
11854
+ "path": [
11855
+ "texture",
11856
+ "grain"
11857
+ ]
11858
+ }
11859
+ },
11851
11860
  "file-card": {
11852
11861
  "padding-x": {
11853
11862
  "value": "8px",
package/dist/json-runtime/colors-dark-system.json CHANGED
@@ -1277,11 +1277,20 @@
1277
1277
  ]
1278
1278
  },
1279
1279
  "background-gradient": {
1280
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
1280
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
1281
1281
  "path": [
1282
1282
  "color",
1283
1283
  "background-gradient"
1284
1284
  ]
1285
1285
  }
1286
+ },
1287
+ "texture": {
1288
+ "grain": {
1289
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
1290
+ "path": [
1291
+ "texture",
1292
+ "grain"
1293
+ ]
1294
+ }
1286
1295
  }
1287
1296
  }
package/dist/json-runtime/colors-dark.json CHANGED
@@ -1277,11 +1277,20 @@
1277
1277
  ]
1278
1278
  },
1279
1279
  "background-gradient": {
1280
- "value": "linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)",
1280
+ "value": "linear-gradient(180deg, #0d101a 0%, #354176 100%)",
1281
1281
  "path": [
1282
1282
  "color",
1283
1283
  "background-gradient"
1284
1284
  ]
1285
1285
  }
1286
+ },
1287
+ "texture": {
1288
+ "grain": {
1289
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
1290
+ "path": [
1291
+ "texture",
1292
+ "grain"
1293
+ ]
1294
+ }
1286
1295
  }
1287
1296
  }
package/dist/json-runtime/colors-light-system.json CHANGED
@@ -1283,5 +1283,14 @@
1283
1283
  "background-gradient"
1284
1284
  ]
1285
1285
  }
1286
+ },
1287
+ "texture": {
1288
+ "grain": {
1289
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
1290
+ "path": [
1291
+ "texture",
1292
+ "grain"
1293
+ ]
1294
+ }
1286
1295
  }
1287
1296
  }
package/dist/json-runtime/colors-light.json CHANGED
@@ -1283,5 +1283,14 @@
1283
1283
  "background-gradient"
1284
1284
  ]
1285
1285
  }
1286
+ },
1287
+ "texture": {
1288
+ "grain": {
1289
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1' intercept='0'/%3E%3CfeFuncG type='linear' slope='1' intercept='0'/%3E%3CfeFuncB type='linear' slope='1' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
1290
+ "path": [
1291
+ "texture",
1292
+ "grain"
1293
+ ]
1294
+ }
1286
1295
  }
1287
1296
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "1.6.0-next.2",
3
+ "version": "1.6.0-next.3",
4
4
  "type": "module",
5
5
  "description": "The design tokens used in Flow, mittwald’s design system",
6
6
  "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -30,5 +30,5 @@
30
30
  "rimraf": "^6.1.3",
31
31
  "style-dictionary": "^5.5.2"
32
32
  },
33
- "gitHead": "7176262a022447c9bdee94a504c96eb7bfdad930"
33
+ "gitHead": "d89945117ece0dc0a3ba3aca063be43231b9138a"
34
34
  }