@mittwald/flow-design-tokens 1.2.0-next.62 → 1.2.0-next.64

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.
@@ -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);
package/dist/css/base.css CHANGED
@@ -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);
@@ -539,6 +539,7 @@
539
539
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
540
540
  --popover--padding--m: var(--size-px--m);
541
541
  --popover--padding--s: var(--size-px--s);
542
+ --popover--viewport-padding: var(--size-px--m);
542
543
  --popover--border-style: var(--border-style--default);
543
544
  --popover--spacing: var(--size-px--s);
544
545
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -539,6 +539,7 @@
539
539
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
540
540
  --popover--padding--m: var(--size-px--m);
541
541
  --popover--padding--s: var(--size-px--s);
542
+ --popover--viewport-padding: var(--size-px--m);
542
543
  --popover--border-style: var(--border-style--default);
543
544
  --popover--spacing: var(--size-px--s);
544
545
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -382,6 +382,7 @@
382
382
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
383
383
  --popover--padding--m: var(--size-px--m);
384
384
  --popover--padding--s: var(--size-px--s);
385
+ --popover--viewport-padding: var(--size-px--m);
385
386
  --popover--border-style: var(--border-style--default);
386
387
  --popover--spacing: var(--size-px--s);
387
388
  --popover--popover-to-trigger-spacing: var(--size-px--m);
@@ -23580,6 +23580,25 @@
23580
23580
  "min-width"
23581
23581
  ]
23582
23582
  },
23583
+ "viewport-padding": {
23584
+ "key": "{popover.viewport-padding}",
23585
+ "value": "16px",
23586
+ "filePath": "src/overlays/popover.yml",
23587
+ "isSource": true,
23588
+ "original": {
23589
+ "value": "{size-px.m}",
23590
+ "key": "{popover.viewport-padding}"
23591
+ },
23592
+ "name": "PopoverViewportPadding",
23593
+ "attributes": {
23594
+ "category": "popover",
23595
+ "type": "viewport-padding"
23596
+ },
23597
+ "path": [
23598
+ "popover",
23599
+ "viewport-padding"
23600
+ ]
23601
+ },
23583
23602
  "border-width": {
23584
23603
  "key": "{popover.border-width}",
23585
23604
  "value": "1px",
@@ -23580,6 +23580,25 @@
23580
23580
  "min-width"
23581
23581
  ]
23582
23582
  },
23583
+ "viewport-padding": {
23584
+ "key": "{popover.viewport-padding}",
23585
+ "value": "16px",
23586
+ "filePath": "src/overlays/popover.yml",
23587
+ "isSource": true,
23588
+ "original": {
23589
+ "value": "{size-px.m}",
23590
+ "key": "{popover.viewport-padding}"
23591
+ },
23592
+ "name": "PopoverViewportPadding",
23593
+ "attributes": {
23594
+ "category": "popover",
23595
+ "type": "viewport-padding"
23596
+ },
23597
+ "path": [
23598
+ "popover",
23599
+ "viewport-padding"
23600
+ ]
23601
+ },
23583
23602
  "border-width": {
23584
23603
  "key": "{popover.border-width}",
23585
23604
  "value": "1px",
@@ -20257,6 +20257,25 @@
20257
20257
  "min-width"
20258
20258
  ]
20259
20259
  },
20260
+ "viewport-padding": {
20261
+ "key": "{popover.viewport-padding}",
20262
+ "value": "16px",
20263
+ "filePath": "src/overlays/popover.yml",
20264
+ "isSource": true,
20265
+ "original": {
20266
+ "value": "{size-px.m}",
20267
+ "key": "{popover.viewport-padding}"
20268
+ },
20269
+ "name": "PopoverViewportPadding",
20270
+ "attributes": {
20271
+ "category": "popover",
20272
+ "type": "viewport-padding"
20273
+ },
20274
+ "path": [
20275
+ "popover",
20276
+ "viewport-padding"
20277
+ ]
20278
+ },
20260
20279
  "border-width": {
20261
20280
  "key": "{popover.border-width}",
20262
20281
  "value": "1px",
@@ -9168,6 +9168,13 @@
9168
9168
  "min-width"
9169
9169
  ]
9170
9170
  },
9171
+ "viewport-padding": {
9172
+ "value": "16px",
9173
+ "path": [
9174
+ "popover",
9175
+ "viewport-padding"
9176
+ ]
9177
+ },
9171
9178
  "border-width": {
9172
9179
  "value": "1px",
9173
9180
  "path": [
@@ -9168,6 +9168,13 @@
9168
9168
  "min-width"
9169
9169
  ]
9170
9170
  },
9171
+ "viewport-padding": {
9172
+ "value": "16px",
9173
+ "path": [
9174
+ "popover",
9175
+ "viewport-padding"
9176
+ ]
9177
+ },
9171
9178
  "border-width": {
9172
9179
  "value": "1px",
9173
9180
  "path": [
@@ -7883,6 +7883,13 @@
7883
7883
  "min-width"
7884
7884
  ]
7885
7885
  },
7886
+ "viewport-padding": {
7887
+ "value": "16px",
7888
+ "path": [
7889
+ "popover",
7890
+ "viewport-padding"
7891
+ ]
7892
+ },
7886
7893
  "border-width": {
7887
7894
  "value": "1px",
7888
7895
  "path": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-design-tokens",
3
- "version": "1.2.0-next.62",
3
+ "version": "1.2.0-next.64",
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": "75b21ea1df1a24b8cc753246020e8befaf9dbefe"
33
+ "gitHead": "118c43a9a6c474b505484fd4eb1df84d78760a90"
34
34
  }