@mittwald/flow-design-tokens 1.1.50 → 1.1.51

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.
@@ -537,6 +537,7 @@
537
537
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
538
538
  --popover--padding--m: var(--size-px--m);
539
539
  --popover--padding--s: var(--size-px--s);
540
+ --popover--viewport-padding: var(--size-px--m);
540
541
  --popover--border-style: var(--border-style--default);
541
542
  --popover--spacing: var(--size-px--s);
542
543
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -537,6 +537,7 @@
537
537
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
538
538
  --popover--padding--m: var(--size-px--m);
539
539
  --popover--padding--s: var(--size-px--s);
540
+ --popover--viewport-padding: var(--size-px--m);
540
541
  --popover--border-style: var(--border-style--default);
541
542
  --popover--spacing: var(--size-px--s);
542
543
  --popover--popover-to-trigger-spacing: var(--size-px--m);
package/dist/css/base.css CHANGED
@@ -380,6 +380,7 @@
380
380
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
381
381
  --popover--padding--m: var(--size-px--m);
382
382
  --popover--padding--s: var(--size-px--s);
383
+ --popover--viewport-padding: var(--size-px--m);
383
384
  --popover--border-style: var(--border-style--default);
384
385
  --popover--spacing: var(--size-px--s);
385
386
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -538,6 +538,7 @@
538
538
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
539
539
  --popover--padding--m: var(--size-px--m);
540
540
  --popover--padding--s: var(--size-px--s);
541
+ --popover--viewport-padding: var(--size-px--m);
541
542
  --popover--border-style: var(--border-style--default);
542
543
  --popover--spacing: var(--size-px--s);
543
544
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -538,6 +538,7 @@
538
538
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
539
539
  --popover--padding--m: var(--size-px--m);
540
540
  --popover--padding--s: var(--size-px--s);
541
+ --popover--viewport-padding: var(--size-px--m);
541
542
  --popover--border-style: var(--border-style--default);
542
543
  --popover--spacing: var(--size-px--s);
543
544
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -381,6 +381,7 @@
381
381
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
382
382
  --popover--padding--m: var(--size-px--m);
383
383
  --popover--padding--s: var(--size-px--s);
384
+ --popover--viewport-padding: var(--size-px--m);
384
385
  --popover--border-style: var(--border-style--default);
385
386
  --popover--spacing: var(--size-px--s);
386
387
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -23538,6 +23538,25 @@
23538
23538
  "min-width"
23539
23539
  ]
23540
23540
  },
23541
+ "viewport-padding": {
23542
+ "key": "{popover.viewport-padding}",
23543
+ "value": "16px",
23544
+ "filePath": "src/overlays/popover.yml",
23545
+ "isSource": true,
23546
+ "original": {
23547
+ "value": "{size-px.m}",
23548
+ "key": "{popover.viewport-padding}"
23549
+ },
23550
+ "name": "PopoverViewportPadding",
23551
+ "attributes": {
23552
+ "category": "popover",
23553
+ "type": "viewport-padding"
23554
+ },
23555
+ "path": [
23556
+ "popover",
23557
+ "viewport-padding"
23558
+ ]
23559
+ },
23541
23560
  "border-width": {
23542
23561
  "key": "{popover.border-width}",
23543
23562
  "value": "1px",
@@ -23538,6 +23538,25 @@
23538
23538
  "min-width"
23539
23539
  ]
23540
23540
  },
23541
+ "viewport-padding": {
23542
+ "key": "{popover.viewport-padding}",
23543
+ "value": "16px",
23544
+ "filePath": "src/overlays/popover.yml",
23545
+ "isSource": true,
23546
+ "original": {
23547
+ "value": "{size-px.m}",
23548
+ "key": "{popover.viewport-padding}"
23549
+ },
23550
+ "name": "PopoverViewportPadding",
23551
+ "attributes": {
23552
+ "category": "popover",
23553
+ "type": "viewport-padding"
23554
+ },
23555
+ "path": [
23556
+ "popover",
23557
+ "viewport-padding"
23558
+ ]
23559
+ },
23541
23560
  "border-width": {
23542
23561
  "key": "{popover.border-width}",
23543
23562
  "value": "1px",
@@ -20215,6 +20215,25 @@
20215
20215
  "min-width"
20216
20216
  ]
20217
20217
  },
20218
+ "viewport-padding": {
20219
+ "key": "{popover.viewport-padding}",
20220
+ "value": "16px",
20221
+ "filePath": "src/overlays/popover.yml",
20222
+ "isSource": true,
20223
+ "original": {
20224
+ "value": "{size-px.m}",
20225
+ "key": "{popover.viewport-padding}"
20226
+ },
20227
+ "name": "PopoverViewportPadding",
20228
+ "attributes": {
20229
+ "category": "popover",
20230
+ "type": "viewport-padding"
20231
+ },
20232
+ "path": [
20233
+ "popover",
20234
+ "viewport-padding"
20235
+ ]
20236
+ },
20218
20237
  "border-width": {
20219
20238
  "key": "{popover.border-width}",
20220
20239
  "value": "1px",
@@ -9150,6 +9150,13 @@
9150
9150
  "min-width"
9151
9151
  ]
9152
9152
  },
9153
+ "viewport-padding": {
9154
+ "value": "16px",
9155
+ "path": [
9156
+ "popover",
9157
+ "viewport-padding"
9158
+ ]
9159
+ },
9153
9160
  "border-width": {
9154
9161
  "value": "1px",
9155
9162
  "path": [
@@ -9150,6 +9150,13 @@
9150
9150
  "min-width"
9151
9151
  ]
9152
9152
  },
9153
+ "viewport-padding": {
9154
+ "value": "16px",
9155
+ "path": [
9156
+ "popover",
9157
+ "viewport-padding"
9158
+ ]
9159
+ },
9153
9160
  "border-width": {
9154
9161
  "value": "1px",
9155
9162
  "path": [
@@ -7865,6 +7865,13 @@
7865
7865
  "min-width"
7866
7866
  ]
7867
7867
  },
7868
+ "viewport-padding": {
7869
+ "value": "16px",
7870
+ "path": [
7871
+ "popover",
7872
+ "viewport-padding"
7873
+ ]
7874
+ },
7868
7875
  "border-width": {
7869
7876
  "value": "1px",
7870
7877
  "path": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "1.1.50",
3
+ "version": "1.1.51",
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": "0f3177961278ff3688cd17f878860babee021c41"
33
+ "gitHead": "9c35f5735461e719942c702b4e50c9c938ed0056"
34
34
  }