@mittwald/flow-design-tokens 0.1.0-alpha.27 → 0.1.0-alpha.29

package/dist/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 12 Mar 2024 12:55:23 GMT
+ * Generated on Tue, 12 Mar 2024 13:15:58 GMT
  */
 
 :root {
@@ -100,7 +100,10 @@
   --border-style--default: solid;
   --corner-radius--round: 50%;
   --tooltip--max-width: 300px;
-  --switch--indicator-width: 2.5rem;
+  --switch--handle-size: 1.25rem;
+  --switch--track-corner-radius: 0.75rem;
+  --switch--track-width: 2.75rem;
+  --switch--track-height: 1.5rem;
   --navigation-item--icon-to-text-spacing: 0.5em;
   --icon--size--l: 4rem;
   --icon--size--m: 1.5rem;
@@ -201,13 +204,8 @@
   --tooltip--font-size: var(--font-size--s);
   --tooltip--padding-y: var(--size-px--xs);
   --tooltip--padding-x: var(--size-px--s);
-  --switch--indicator-marker-size: var(--size-rem--m);
-  --switch--indicator-to-marker-spacing: var(--size-rem--xs);
-  --switch--indicator-corner-radius: var(--size-rem--m);
-  --switch--indicator-height: var(--size-rem--l);
-  --switch--label-to-indicator-spacing: var(--size-rem--s);
-  --switch--font-weight: var(--font-weight--bold);
-  --switch--font-size: var(--font-size--s);
+  --switch--track-padding: var(--size-rem--xxs);
+  --switch--label-to-track-spacing: var(--size-rem--s);
   --status-badge--icon-to-text-spacing: var(--size-rem--xs);
   --status-badge--padding-x: var(--size-rem--s);
   --status-badge--padding-y: var(--size-rem--xs);
@@ -236,6 +234,8 @@
   --labeled-value--label-to-value-spacing: var(--size-rem--xs);
   --label--font-weight: var(--font-weight--bold);
   --label--font-size: var(--font-size--s);
+  --inline-code--padding-x: var(--size-px--xs);
+  --inline-code--font-size: var(--font-size--s);
   --inline-alert--heading-font-size: var(--font-size--m);
   --inline-alert--icon-to-text-spacing: var(--size-rem--s);
   --inline-alert--text-to-text-spacing: var(--size-rem--xs);
@@ -395,17 +395,6 @@
   --primary-solid-background-color--default: var(--primary--color--800);
   --tooltip--color: var(--neutral--color--100);
   --tooltip--background-color: var(--neutral--color--900);
-  --switch--danger-indicator-color--selected-disabled: var(--danger--color--300);
-  --switch--danger-indicator-color--selected-pressed: var(--danger--color--900);
-  --switch--danger-indicator-color--selected: var(--danger--color--800);
-  --switch--success-indicator-color--selected-disabled: var(--success--color--200);
-  --switch--success-indicator-color--selected-pressed: var(--success--color--900);
-  --switch--success-indicator-color--selected: var(--success--color--800);
-  --switch--indicator-color--disabled: var(--neutral--color--400);
-  --switch--indicator-color--pressed: var(--neutral--color--600);
-  --switch--indicator-color--default: var(--neutral--color--500);
-  --switch--indicator-marker-color: var(--neutral--color--100);
-  --switch--color--disabled: var(--neutral--color--600);
   --status-badge--corner-radius: var(--corner-radius--default);
   --section--border-color: var(--neutral--color--500);
   --section--border-width: var(--border-width--100);
@@ -439,6 +428,8 @@
   --layout-card--background-color: var(--neutral--color--100);
   --label--color--disabled: var(--neutral--color--600);
   --label--color--default: var(--neutral--color--800);
+  --inline-code--corner-radius: var(--corner-radius--default);
+  --inline-code--line-height: var(--line-height--m);
   --inline-alert--border-x-start-width: var(--border-width--400);
   --inline-alert--border-width: var(--border-width--100);
   --inline-alert--corner-radius: var(--corner-radius--default);
@@ -485,6 +476,10 @@
   --form-control--border-color--hover: var(--neutral-outline-border-color);
   --form-control--border-color--disabled: var(--disabled-outline-border-color);
   --form-control--border-color--default: var(--neutral-outline-border-color);
+  --switch--handle-color: var(--neutral-solid-content-color);
+  --switch--track-color--selected: var(--success-solid-background-color--default);
+  --switch--track-color--disabled: var(--disabled-solid-background-color);
+  --switch--track-color--default: var(--neutral-solid-background-color--default);
   --status-badge--danger-content-color: var(--danger-soft-content-color--default);
   --status-badge--danger-background-color: var(--danger-soft-background-color--default);
   --status-badge--warning-content-color: var(--warning-soft-content-color--default);
@@ -500,6 +495,7 @@
   --link--primary-color--hover: var(--primary-plain-content-color--hover);
   --link--primary-color--default: var(--primary-plain-content-color--default);
   --link--disabled-color: var(--disabled-plain-content-color);
+  --inline-code--background-color: var(--neutral-soft-background-color--default);
   --inline-alert--success-heading-color: var(--success-outline-content-color);
   --inline-alert--success-border-color: var(--success-outline-border-color);
   --inline-alert--danger-heading-color: var(--danger-outline-content-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-design-tokens",
-  "version": "0.1.0-alpha.27",
+  "version": "0.1.0-alpha.29",
   "type": "module",
   "description": "The design tokens used in Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -20,5 +20,5 @@
     "nx": "^18.1.0",
     "style-dictionary": "^3.9.2"
   },
-  "gitHead": "fcab212a9563bb99889176fcf1be5ee54ea32def"
+  "gitHead": "dd152568d802cee8ac8b26c19151482ae4f261ff"
 }