@mittwald/flow-design-tokens 0.2.0-alpha.714 → 0.2.0-alpha.716

package/dist/variables.css

@@ -471,6 +471,11 @@
   --illustrated-message--spacing: var(--size-rem--m);
   --image--border-style: var(--border-style--default);
   --initials--font-weight: var(--font-weight--bold);
+  --kbd--padding: var(--size-px--xs);
+  --kbd--padding-y-start: var(--size-px--xxs);
+  --kbd--inner-shadow-color--default: var(--dark--color--200);
+  --kbd--inner-shadow-size-x: var(--size-px--xxs);
+  --kbd--inner-shadow-size-y-end: var(--size-px--xs);
   --label--font-size: var(--font-size-text--s);
   --label--font-weight: var(--font-weight--bold);
   --label--spacing: var(--size-rem--xs);
@@ -958,6 +963,8 @@
   --illustrated-message--light-content-color: var(--light-plain-content-color);
   --image--corner-radius: var(--corner-radius--default);
   --image--border-width: var(--border-width--100);
+  --kbd--corner-radius: var(--corner-radius--default);
+  --kbd--inner-shadow-color--disabled: var(--disabled-soft-dark-background-color);
   --label--line-height: var(--line-height--m);
   --label--color--default: var(--neutral--color--800);
   --text--color--default: var(--neutral--color--1000);
@@ -1223,6 +1230,12 @@
   --icon--danger-color: var(--danger-outline-content-color);
   --icon--success-color: var(--success-outline-content-color);
   --image--border-color: var(--neutral-outline-border-color);
+  --kbd--background-color--default: var(--neutral-soft-background-color--default);
+  --kbd--background-color--disabled: var(--disabled-soft-background-color);
+  --kbd--content-color--default: var(--neutral-soft-content-color--default);
+  --kbd--content-color--disabled: var(--disabled-soft-content-color);
+  --kbd--content-color-plain--default: var(--form-control--placeholder-color--default);
+  --kbd--content-color-plain--disabled: var(--form-control--placeholder-color--disabled);
   --label--color--disabled: var(--disabled-plain-content-color);
   --text--color--disabled: var(--disabled-plain-content-color);
   --text--blockquote-border-color: var(--info-outline-border-color);

package/dist/variables.json

@@ -15677,6 +15677,279 @@
       ]
     }
   },
+  "kbd": {
+    "corner-radius": {
+      "key": "{kbd.corner-radius}",
+      "value": "4px",
+      "filePath": "src/content/kbd.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}",
+        "key": "{kbd.corner-radius}"
+      },
+      "name": "KbdCornerRadius",
+      "attributes": {
+        "category": "kbd",
+        "type": "corner-radius"
+      },
+      "path": [
+        "kbd",
+        "corner-radius"
+      ]
+    },
+    "padding": {
+      "key": "{kbd.padding}",
+      "value": "4px",
+      "filePath": "src/content/kbd.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xs}",
+        "key": "{kbd.padding}"
+      },
+      "name": "KbdPadding",
+      "attributes": {
+        "category": "kbd",
+        "type": "padding"
+      },
+      "path": [
+        "kbd",
+        "padding"
+      ]
+    },
+    "padding-y-start": {
+      "key": "{kbd.padding-y-start}",
+      "value": "2px",
+      "filePath": "src/content/kbd.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xxs}",
+        "key": "{kbd.padding-y-start}"
+      },
+      "name": "KbdPaddingYStart",
+      "attributes": {
+        "category": "kbd",
+        "type": "padding-y-start"
+      },
+      "path": [
+        "kbd",
+        "padding-y-start"
+      ]
+    },
+    "background-color": {
+      "default": {
+        "key": "{kbd.background-color.default}",
+        "value": "#E6E6E6",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{neutral-soft-background-color.default}",
+          "key": "{kbd.background-color.default}"
+        },
+        "name": "KbdBackgroundColorDefault",
+        "attributes": {
+          "category": "kbd",
+          "type": "background-color",
+          "item": "default"
+        },
+        "path": [
+          "kbd",
+          "background-color",
+          "default"
+        ]
+      },
+      "disabled": {
+        "key": "{kbd.background-color.disabled}",
+        "value": "#F8F8F8",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{disabled-soft-background-color}",
+          "key": "{kbd.background-color.disabled}"
+        },
+        "name": "KbdBackgroundColorDisabled",
+        "attributes": {
+          "category": "kbd",
+          "type": "background-color",
+          "item": "disabled"
+        },
+        "path": [
+          "kbd",
+          "background-color",
+          "disabled"
+        ]
+      }
+    },
+    "content-color": {
+      "default": {
+        "key": "{kbd.content-color.default}",
+        "value": "#222222",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{neutral-soft-content-color.default}",
+          "key": "{kbd.content-color.default}"
+        },
+        "name": "KbdContentColorDefault",
+        "attributes": {
+          "category": "kbd",
+          "type": "content-color",
+          "item": "default"
+        },
+        "path": [
+          "kbd",
+          "content-color",
+          "default"
+        ]
+      },
+      "disabled": {
+        "key": "{kbd.content-color.disabled}",
+        "value": "#D5D5D5",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{disabled-soft-content-color}",
+          "key": "{kbd.content-color.disabled}"
+        },
+        "name": "KbdContentColorDisabled",
+        "attributes": {
+          "category": "kbd",
+          "type": "content-color",
+          "item": "disabled"
+        },
+        "path": [
+          "kbd",
+          "content-color",
+          "disabled"
+        ]
+      }
+    },
+    "content-color-plain": {
+      "default": {
+        "key": "{kbd.content-color-plain.default}",
+        "value": "#464646",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{form-control.placeholder-color.default}",
+          "key": "{kbd.content-color-plain.default}"
+        },
+        "name": "KbdContentColorPlainDefault",
+        "attributes": {
+          "category": "kbd",
+          "type": "content-color-plain",
+          "item": "default"
+        },
+        "path": [
+          "kbd",
+          "content-color-plain",
+          "default"
+        ]
+      },
+      "disabled": {
+        "key": "{kbd.content-color-plain.disabled}",
+        "value": "#D5D5D5",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{form-control.placeholder-color.disabled}",
+          "key": "{kbd.content-color-plain.disabled}"
+        },
+        "name": "KbdContentColorPlainDisabled",
+        "attributes": {
+          "category": "kbd",
+          "type": "content-color-plain",
+          "item": "disabled"
+        },
+        "path": [
+          "kbd",
+          "content-color-plain",
+          "disabled"
+        ]
+      }
+    },
+    "inner-shadow-color": {
+      "default": {
+        "key": "{kbd.inner-shadow-color.default}",
+        "value": "rgb(0 0 0 / 25%)",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{dark.color.200}",
+          "key": "{kbd.inner-shadow-color.default}"
+        },
+        "name": "KbdInnerShadowColorDefault",
+        "attributes": {
+          "category": "kbd",
+          "type": "inner-shadow-color",
+          "item": "default"
+        },
+        "path": [
+          "kbd",
+          "inner-shadow-color",
+          "default"
+        ]
+      },
+      "disabled": {
+        "key": "{kbd.inner-shadow-color.disabled}",
+        "value": "rgb(0 0 0 / 12.5%)",
+        "filePath": "src/content/kbd.yml",
+        "isSource": true,
+        "original": {
+          "value": "{disabled-soft-dark-background-color}",
+          "key": "{kbd.inner-shadow-color.disabled}"
+        },
+        "name": "KbdInnerShadowColorDisabled",
+        "attributes": {
+          "category": "kbd",
+          "type": "inner-shadow-color",
+          "item": "disabled"
+        },
+        "path": [
+          "kbd",
+          "inner-shadow-color",
+          "disabled"
+        ]
+      }
+    },
+    "inner-shadow-size-x": {
+      "key": "{kbd.inner-shadow-size-x}",
+      "value": "2px",
+      "filePath": "src/content/kbd.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xxs}",
+        "key": "{kbd.inner-shadow-size-x}"
+      },
+      "name": "KbdInnerShadowSizeX",
+      "attributes": {
+        "category": "kbd",
+        "type": "inner-shadow-size-x"
+      },
+      "path": [
+        "kbd",
+        "inner-shadow-size-x"
+      ]
+    },
+    "inner-shadow-size-y-end": {
+      "key": "{kbd.inner-shadow-size-y-end}",
+      "value": "4px",
+      "filePath": "src/content/kbd.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xs}",
+        "key": "{kbd.inner-shadow-size-y-end}"
+      },
+      "name": "KbdInnerShadowSizeYEnd",
+      "attributes": {
+        "category": "kbd",
+        "type": "inner-shadow-size-y-end"
+      },
+      "path": [
+        "kbd",
+        "inner-shadow-size-y-end"
+      ]
+    }
+  },
   "label": {
     "font-size": {
       "key": "{label.font-size}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.2.0-alpha.714",
+  "version": "0.2.0-alpha.716",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
@@ -24,5 +24,5 @@
     "rimraf": "^6.1.2",
     "style-dictionary": "^5.2.0"
   },
-  "gitHead": "66cfc1ba929ae522446ee98cbce4a9a642f9399d"
+  "gitHead": "d50296a9e6b47fa4a63bb7774423ccdd49b43292"
 }