@mittwald/flow-design-tokens 1.2.19 → 1.2.21

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.
@@ -172,6 +172,8 @@
172
172
  --icon--size--s: 1rem;
173
173
  --icon--size--m: 1.5rem;
174
174
  --icon--size--l: 4rem;
175
+ --cartesian-chart--transition-duration: 800ms;
176
+ --donut-chart--transition-duration: 800ms;
175
177
  --blur: 3px;
176
178
  --transition--duration--fast: 200ms;
177
179
  --transition--duration--default: 300ms;
@@ -226,6 +228,7 @@
226
228
  --loading-spinner--transition-duration: 2000ms;
227
229
  --loading-spinner--transition-duration-slow: 6000ms;
228
230
  --notification--width: 355px;
231
+ --progress-bar--transition-duration: 800ms;
229
232
  --image-cropper--grid-width: 0.5px;
230
233
  --action-group--spacing--m: var(--size-px--m);
231
234
  --action-group--spacing--s: var(--size-px--s);
@@ -172,6 +172,8 @@
172
172
  --icon--size--s: 1rem;
173
173
  --icon--size--m: 1.5rem;
174
174
  --icon--size--l: 4rem;
175
+ --cartesian-chart--transition-duration: 800ms;
176
+ --donut-chart--transition-duration: 800ms;
175
177
  --blur: 3px;
176
178
  --transition--duration--fast: 200ms;
177
179
  --transition--duration--default: 300ms;
@@ -226,6 +228,7 @@
226
228
  --loading-spinner--transition-duration: 2000ms;
227
229
  --loading-spinner--transition-duration-slow: 6000ms;
228
230
  --notification--width: 355px;
231
+ --progress-bar--transition-duration: 800ms;
229
232
  --image-cropper--grid-width: 0.5px;
230
233
  --action-group--spacing--m: var(--size-px--m);
231
234
  --action-group--spacing--s: var(--size-px--s);
package/dist/css/base.css CHANGED
@@ -15,6 +15,8 @@
15
15
  --icon--size--s: 1rem;
16
16
  --icon--size--m: 1.5rem;
17
17
  --icon--size--l: 4rem;
18
+ --cartesian-chart--transition-duration: 800ms;
19
+ --donut-chart--transition-duration: 800ms;
18
20
  --blur: 3px;
19
21
  --transition--duration--fast: 200ms;
20
22
  --transition--duration--default: 300ms;
@@ -69,6 +71,7 @@
69
71
  --loading-spinner--transition-duration: 2000ms;
70
72
  --loading-spinner--transition-duration-slow: 6000ms;
71
73
  --notification--width: 355px;
74
+ --progress-bar--transition-duration: 800ms;
72
75
  --image-cropper--grid-width: 0.5px;
73
76
  --action-group--spacing--m: var(--size-px--m);
74
77
  --action-group--spacing--s: var(--size-px--s);
@@ -173,6 +173,8 @@
173
173
  --icon--size--s: 1rem;
174
174
  --icon--size--m: 1.5rem;
175
175
  --icon--size--l: 4rem;
176
+ --cartesian-chart--transition-duration: 800ms;
177
+ --donut-chart--transition-duration: 800ms;
176
178
  --blur: 3px;
177
179
  --transition--duration--fast: 200ms;
178
180
  --transition--duration--default: 300ms;
@@ -227,6 +229,7 @@
227
229
  --loading-spinner--transition-duration: 2000ms;
228
230
  --loading-spinner--transition-duration-slow: 6000ms;
229
231
  --notification--width: 355px;
232
+ --progress-bar--transition-duration: 800ms;
230
233
  --image-cropper--grid-width: 0.5px;
231
234
  --action-group--spacing--m: var(--size-px--m);
232
235
  --action-group--spacing--s: var(--size-px--s);
@@ -173,6 +173,8 @@
173
173
  --icon--size--s: 1rem;
174
174
  --icon--size--m: 1.5rem;
175
175
  --icon--size--l: 4rem;
176
+ --cartesian-chart--transition-duration: 800ms;
177
+ --donut-chart--transition-duration: 800ms;
176
178
  --blur: 3px;
177
179
  --transition--duration--fast: 200ms;
178
180
  --transition--duration--default: 300ms;
@@ -227,6 +229,7 @@
227
229
  --loading-spinner--transition-duration: 2000ms;
228
230
  --loading-spinner--transition-duration-slow: 6000ms;
229
231
  --notification--width: 355px;
232
+ --progress-bar--transition-duration: 800ms;
230
233
  --image-cropper--grid-width: 0.5px;
231
234
  --action-group--spacing--m: var(--size-px--m);
232
235
  --action-group--spacing--s: var(--size-px--s);
@@ -16,6 +16,8 @@
16
16
  --icon--size--s: 1rem;
17
17
  --icon--size--m: 1.5rem;
18
18
  --icon--size--l: 4rem;
19
+ --cartesian-chart--transition-duration: 800ms;
20
+ --donut-chart--transition-duration: 800ms;
19
21
  --blur: 3px;
20
22
  --transition--duration--fast: 200ms;
21
23
  --transition--duration--default: 300ms;
@@ -70,6 +72,7 @@
70
72
  --loading-spinner--transition-duration: 2000ms;
71
73
  --loading-spinner--transition-duration-slow: 6000ms;
72
74
  --notification--width: 355px;
75
+ --progress-bar--transition-duration: 800ms;
73
76
  --image-cropper--grid-width: 0.5px;
74
77
  --action-group--spacing--m: var(--size-px--m);
75
78
  --action-group--spacing--s: var(--size-px--s);
@@ -18374,6 +18374,27 @@
18374
18374
  ]
18375
18375
  }
18376
18376
  },
18377
+ "cartesian-chart": {
18378
+ "transition-duration": {
18379
+ "key": "{cartesian-chart.transition-duration}",
18380
+ "value": "800ms",
18381
+ "filePath": "src/dataVisualisation/cartesian-chart.yml",
18382
+ "isSource": true,
18383
+ "original": {
18384
+ "value": "800ms",
18385
+ "key": "{cartesian-chart.transition-duration}"
18386
+ },
18387
+ "name": "CartesianChartTransitionDuration",
18388
+ "attributes": {
18389
+ "category": "cartesian-chart",
18390
+ "type": "transition-duration"
18391
+ },
18392
+ "path": [
18393
+ "cartesian-chart",
18394
+ "transition-duration"
18395
+ ]
18396
+ }
18397
+ },
18377
18398
  "cartesian-grid": {
18378
18399
  "color": {
18379
18400
  "key": "{cartesian-grid.color}",
@@ -18436,6 +18457,25 @@
18436
18457
  }
18437
18458
  },
18438
18459
  "donut-chart": {
18460
+ "transition-duration": {
18461
+ "key": "{donut-chart.transition-duration}",
18462
+ "value": "800ms",
18463
+ "filePath": "src/dataVisualisation/donut-chart.yml",
18464
+ "isSource": true,
18465
+ "original": {
18466
+ "value": "800ms",
18467
+ "key": "{donut-chart.transition-duration}"
18468
+ },
18469
+ "name": "DonutChartTransitionDuration",
18470
+ "attributes": {
18471
+ "category": "donut-chart",
18472
+ "type": "transition-duration"
18473
+ },
18474
+ "path": [
18475
+ "donut-chart",
18476
+ "transition-duration"
18477
+ ]
18478
+ },
18439
18479
  "border-color": {
18440
18480
  "key": "{donut-chart.border-color}",
18441
18481
  "value": "#DCE9F7",
@@ -28673,6 +28713,25 @@
28673
28713
  }
28674
28714
  },
28675
28715
  "progress-bar": {
28716
+ "transition-duration": {
28717
+ "key": "{progress-bar.transition-duration}",
28718
+ "value": "800ms",
28719
+ "filePath": "src/status/progress-bar.yml",
28720
+ "isSource": true,
28721
+ "original": {
28722
+ "value": "800ms",
28723
+ "key": "{progress-bar.transition-duration}"
28724
+ },
28725
+ "name": "ProgressBarTransitionDuration",
28726
+ "attributes": {
28727
+ "category": "progress-bar",
28728
+ "type": "transition-duration"
28729
+ },
28730
+ "path": [
28731
+ "progress-bar",
28732
+ "transition-duration"
28733
+ ]
28734
+ },
28676
28735
  "font-size": {
28677
28736
  "key": "{progress-bar.font-size}",
28678
28737
  "value": "1rem",
@@ -18374,6 +18374,27 @@
18374
18374
  ]
18375
18375
  }
18376
18376
  },
18377
+ "cartesian-chart": {
18378
+ "transition-duration": {
18379
+ "key": "{cartesian-chart.transition-duration}",
18380
+ "value": "800ms",
18381
+ "filePath": "src/dataVisualisation/cartesian-chart.yml",
18382
+ "isSource": true,
18383
+ "original": {
18384
+ "value": "800ms",
18385
+ "key": "{cartesian-chart.transition-duration}"
18386
+ },
18387
+ "name": "CartesianChartTransitionDuration",
18388
+ "attributes": {
18389
+ "category": "cartesian-chart",
18390
+ "type": "transition-duration"
18391
+ },
18392
+ "path": [
18393
+ "cartesian-chart",
18394
+ "transition-duration"
18395
+ ]
18396
+ }
18397
+ },
18377
18398
  "cartesian-grid": {
18378
18399
  "color": {
18379
18400
  "key": "{cartesian-grid.color}",
@@ -18436,6 +18457,25 @@
18436
18457
  }
18437
18458
  },
18438
18459
  "donut-chart": {
18460
+ "transition-duration": {
18461
+ "key": "{donut-chart.transition-duration}",
18462
+ "value": "800ms",
18463
+ "filePath": "src/dataVisualisation/donut-chart.yml",
18464
+ "isSource": true,
18465
+ "original": {
18466
+ "value": "800ms",
18467
+ "key": "{donut-chart.transition-duration}"
18468
+ },
18469
+ "name": "DonutChartTransitionDuration",
18470
+ "attributes": {
18471
+ "category": "donut-chart",
18472
+ "type": "transition-duration"
18473
+ },
18474
+ "path": [
18475
+ "donut-chart",
18476
+ "transition-duration"
18477
+ ]
18478
+ },
18439
18479
  "border-color": {
18440
18480
  "key": "{donut-chart.border-color}",
18441
18481
  "value": "#5E6C7A",
@@ -28673,6 +28713,25 @@
28673
28713
  }
28674
28714
  },
28675
28715
  "progress-bar": {
28716
+ "transition-duration": {
28717
+ "key": "{progress-bar.transition-duration}",
28718
+ "value": "800ms",
28719
+ "filePath": "src/status/progress-bar.yml",
28720
+ "isSource": true,
28721
+ "original": {
28722
+ "value": "800ms",
28723
+ "key": "{progress-bar.transition-duration}"
28724
+ },
28725
+ "name": "ProgressBarTransitionDuration",
28726
+ "attributes": {
28727
+ "category": "progress-bar",
28728
+ "type": "transition-duration"
28729
+ },
28730
+ "path": [
28731
+ "progress-bar",
28732
+ "transition-duration"
28733
+ ]
28734
+ },
28676
28735
  "font-size": {
28677
28736
  "key": "{progress-bar.font-size}",
28678
28737
  "value": "1rem",
@@ -15051,6 +15051,27 @@
15051
15051
  ]
15052
15052
  }
15053
15053
  },
15054
+ "cartesian-chart": {
15055
+ "transition-duration": {
15056
+ "key": "{cartesian-chart.transition-duration}",
15057
+ "value": "800ms",
15058
+ "filePath": "src/dataVisualisation/cartesian-chart.yml",
15059
+ "isSource": true,
15060
+ "original": {
15061
+ "value": "800ms",
15062
+ "key": "{cartesian-chart.transition-duration}"
15063
+ },
15064
+ "name": "CartesianChartTransitionDuration",
15065
+ "attributes": {
15066
+ "category": "cartesian-chart",
15067
+ "type": "transition-duration"
15068
+ },
15069
+ "path": [
15070
+ "cartesian-chart",
15071
+ "transition-duration"
15072
+ ]
15073
+ }
15074
+ },
15054
15075
  "cartesian-grid": {
15055
15076
  "color": {
15056
15077
  "key": "{cartesian-grid.color}",
@@ -15113,6 +15134,25 @@
15113
15134
  }
15114
15135
  },
15115
15136
  "donut-chart": {
15137
+ "transition-duration": {
15138
+ "key": "{donut-chart.transition-duration}",
15139
+ "value": "800ms",
15140
+ "filePath": "src/dataVisualisation/donut-chart.yml",
15141
+ "isSource": true,
15142
+ "original": {
15143
+ "value": "800ms",
15144
+ "key": "{donut-chart.transition-duration}"
15145
+ },
15146
+ "name": "DonutChartTransitionDuration",
15147
+ "attributes": {
15148
+ "category": "donut-chart",
15149
+ "type": "transition-duration"
15150
+ },
15151
+ "path": [
15152
+ "donut-chart",
15153
+ "transition-duration"
15154
+ ]
15155
+ },
15116
15156
  "border-color": {
15117
15157
  "key": "{donut-chart.border-color}",
15118
15158
  "value": "#5E6C7A",
@@ -25350,6 +25390,25 @@
25350
25390
  }
25351
25391
  },
25352
25392
  "progress-bar": {
25393
+ "transition-duration": {
25394
+ "key": "{progress-bar.transition-duration}",
25395
+ "value": "800ms",
25396
+ "filePath": "src/status/progress-bar.yml",
25397
+ "isSource": true,
25398
+ "original": {
25399
+ "value": "800ms",
25400
+ "key": "{progress-bar.transition-duration}"
25401
+ },
25402
+ "name": "ProgressBarTransitionDuration",
25403
+ "attributes": {
25404
+ "category": "progress-bar",
25405
+ "type": "transition-duration"
25406
+ },
25407
+ "path": [
25408
+ "progress-bar",
25409
+ "transition-duration"
25410
+ ]
25411
+ },
25353
25412
  "font-size": {
25354
25413
  "key": "{progress-bar.font-size}",
25355
25414
  "value": "1rem",
@@ -7127,6 +7127,15 @@
7127
7127
  ]
7128
7128
  }
7129
7129
  },
7130
+ "cartesian-chart": {
7131
+ "transition-duration": {
7132
+ "value": "800ms",
7133
+ "path": [
7134
+ "cartesian-chart",
7135
+ "transition-duration"
7136
+ ]
7137
+ }
7138
+ },
7130
7139
  "cartesian-grid": {
7131
7140
  "color": {
7132
7141
  "value": "#E5EFF8",
@@ -7153,6 +7162,13 @@
7153
7162
  }
7154
7163
  },
7155
7164
  "donut-chart": {
7165
+ "transition-duration": {
7166
+ "value": "800ms",
7167
+ "path": [
7168
+ "donut-chart",
7169
+ "transition-duration"
7170
+ ]
7171
+ },
7156
7172
  "border-color": {
7157
7173
  "value": "#DCE9F7",
7158
7174
  "path": [
@@ -11099,6 +11115,13 @@
11099
11115
  }
11100
11116
  },
11101
11117
  "progress-bar": {
11118
+ "transition-duration": {
11119
+ "value": "800ms",
11120
+ "path": [
11121
+ "progress-bar",
11122
+ "transition-duration"
11123
+ ]
11124
+ },
11102
11125
  "font-size": {
11103
11126
  "value": "1rem",
11104
11127
  "path": [
@@ -7127,6 +7127,15 @@
7127
7127
  ]
7128
7128
  }
7129
7129
  },
7130
+ "cartesian-chart": {
7131
+ "transition-duration": {
7132
+ "value": "800ms",
7133
+ "path": [
7134
+ "cartesian-chart",
7135
+ "transition-duration"
7136
+ ]
7137
+ }
7138
+ },
7130
7139
  "cartesian-grid": {
7131
7140
  "color": {
7132
7141
  "value": "#3A434E",
@@ -7153,6 +7162,13 @@
7153
7162
  }
7154
7163
  },
7155
7164
  "donut-chart": {
7165
+ "transition-duration": {
7166
+ "value": "800ms",
7167
+ "path": [
7168
+ "donut-chart",
7169
+ "transition-duration"
7170
+ ]
7171
+ },
7156
7172
  "border-color": {
7157
7173
  "value": "#5E6C7A",
7158
7174
  "path": [
@@ -11099,6 +11115,13 @@
11099
11115
  }
11100
11116
  },
11101
11117
  "progress-bar": {
11118
+ "transition-duration": {
11119
+ "value": "800ms",
11120
+ "path": [
11121
+ "progress-bar",
11122
+ "transition-duration"
11123
+ ]
11124
+ },
11102
11125
  "font-size": {
11103
11126
  "value": "1rem",
11104
11127
  "path": [
@@ -5842,6 +5842,15 @@
5842
5842
  ]
5843
5843
  }
5844
5844
  },
5845
+ "cartesian-chart": {
5846
+ "transition-duration": {
5847
+ "value": "800ms",
5848
+ "path": [
5849
+ "cartesian-chart",
5850
+ "transition-duration"
5851
+ ]
5852
+ }
5853
+ },
5845
5854
  "cartesian-grid": {
5846
5855
  "color": {
5847
5856
  "value": "#3A434E",
@@ -5868,6 +5877,13 @@
5868
5877
  }
5869
5878
  },
5870
5879
  "donut-chart": {
5880
+ "transition-duration": {
5881
+ "value": "800ms",
5882
+ "path": [
5883
+ "donut-chart",
5884
+ "transition-duration"
5885
+ ]
5886
+ },
5871
5887
  "border-color": {
5872
5888
  "value": "#5E6C7A",
5873
5889
  "path": [
@@ -9814,6 +9830,13 @@
9814
9830
  }
9815
9831
  },
9816
9832
  "progress-bar": {
9833
+ "transition-duration": {
9834
+ "value": "800ms",
9835
+ "path": [
9836
+ "progress-bar",
9837
+ "transition-duration"
9838
+ ]
9839
+ },
9817
9840
  "font-size": {
9818
9841
  "value": "1rem",
9819
9842
  "path": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "1.2.19",
3
+ "version": "1.2.21",
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": "6eb57635153f0c8a2d142697d5abe9842ad5afdd"
33
+ "gitHead": "fe85a0df77e91bdee22577a217d63add2119b347"
34
34
  }