@bitrise/bitkit-v2 0.3.60 → 0.3.61

package/dist/theme/semantic-tokens/semanticColors.json.d.ts

@@ -1199,6 +1199,48 @@ declare const _default: {
           "_light": "{colors.sys.fg.negative}"
         }
       }
+    },
+    "toggle": {
+      "frameOn": {
+        "value": {
+          "_light": "{colors.sys.success.bold}"
+        }
+      },
+      "frameOn-disabled": {
+        "value": {
+          "_light": "{colors.sys.success.bold/50}"
+        }
+      },
+      "frameOff": {
+        "value": {
+          "_light": "{colors.sys.neutral.bold}"
+        }
+      },
+      "frameOff-disabled": {
+        "value": {
+          "_light": "{colors.sys.neutral.bold/50}"
+        }
+      },
+      "slideOn": {
+        "value": {
+          "_light": "{colors.sys.bg.surface}"
+        }
+      },
+      "slideOn-disabled": {
+        "value": {
+          "_light": "{colors.sys.bg.surface}"
+        }
+      },
+      "slideOff": {
+        "value": {
+          "_light": "{colors.sys.bg.surface}"
+        }
+      },
+      "slideOff-disabled": {
+        "value": {
+          "_light": "{colors.sys.bg.surface}"
+        }
+      }
     }
   },
   "status": {

package/dist/theme/semantic-tokens/semanticColors.json.js

@@ -1,4 +1,4 @@
-const l = { primary: { value: { _light: "{colors.pal.purple.30}" } } }, s = { primary: { value: { _light: "{colors.pal.neutral.90}" } } }, o = { fg: { base: { value: { _light: "{colors.pal.neutral.10}" } }, primary: { value: { _light: "{colors.pal.purple.10}" } }, secondary: { value: { _light: "{colors.pal.neutral.40}" } }, tertiary: { value: { _light: "{colors.pal.neutral.60}" } }, subtle: { value: { _light: "{colors.pal.neutral.70}" } }, minimal: { value: { _light: "{colors.pal.neutral.80}" } }, positive: { value: { _light: "{colors.pal.green.50}" } }, negative: { value: { _light: "{colors.pal.red.50}" } }, "on-color": { value: { _light: "{colors.pal.neutral.100}" } }, "on-contrast": { value: { _light: "{colors.pal.neutral.95}" } }, "on-disabled": { value: { _light: "{colors.pal.neutral.70}" } }, disabled: { value: { _light: "{colors.pal.neutral.80}" } } }, bg: { surface: { value: { _light: "{colors.pal.neutral.100}" } }, contrast: { value: { _light: "{colors.pal.neutral.10}" } }, moderate: { value: { _light: "{colors.pal.neutral.90}" } }, subtle: { value: { _light: "{colors.pal.neutral.93}" } }, minimal: { value: { _light: "{colors.pal.neutral.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.95}" } } }, border: { minimal: { value: { _light: "{colors.pal.neutral.93}" } }, subtle: { value: { _light: "{colors.pal.neutral.90}" } }, strong: { value: { _light: "{colors.pal.neutral.80}" } }, emphasized: { value: { _light: "{colors.pal.neutral.70}" } }, critical: { value: { _light: "{colors.pal.red.50}" } }, inverse: { value: { _light: "{colors.pal.neutral.100}" } }, "on-contrast": { value: { _light: "{colors.pal.neutral.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, primary: { base: { value: { _light: "{colors.pal.purple.40}" } }, emphasized: { value: { _light: "{colors.pal.purple.30}" } }, contrast: { value: { _light: "{colors.pal.purple.10}" } }, muted: { value: { _light: "{colors.pal.purple.80}" } }, subtle: { value: { _light: "{colors.pal.purple.93}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, interactive: { base: { value: { _light: "{colors.pal.purple.50}" } }, strong: { value: { _light: "{colors.pal.purple.40}" } }, bold: { value: { _light: "{colors.pal.purple.60}" } }, highlight: { value: { _light: "{colors.pal.purple.70}" } }, muted: { value: { _light: "{colors.pal.purple.80}" } }, moderate: { value: { _light: "{colors.pal.purple.90}" } }, subtle: { value: { _light: "{colors.pal.purple.93}" } }, minimal: { value: { _light: "{colors.pal.purple.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, info: { base: { value: { _light: "{colors.pal.blue.50}" } }, strong: { value: { _light: "{colors.pal.blue.40}" } }, bold: { value: { _light: "{colors.pal.blue.60}" } }, muted: { value: { _light: "{colors.pal.blue.80}" } }, moderate: { value: { _light: "{colors.pal.blue.90}" } }, subtle: { value: { _light: "{colors.pal.blue.93}" } }, minimal: { value: { _light: "{colors.pal.blue.95}" } } }, success: { base: { value: { _light: "{colors.pal.green.50}" } }, strong: { value: { _light: "{colors.pal.green.40}" } }, bold: { value: { _light: "{colors.pal.green.60}" } }, muted: { value: { _light: "{colors.pal.green.80}" } }, moderate: { value: { _light: "{colors.pal.green.90}" } }, subtle: { value: { _light: "{colors.pal.green.93}" } }, minimal: { value: { _light: "{colors.pal.green.95}" } } }, warning: { base: { value: { _light: "{colors.pal.yellow.50}" } }, strong: { value: { _light: "{colors.pal.yellow.40}" } }, bold: { value: { _light: "{colors.pal.yellow.60}" } }, muted: { value: { _light: "{colors.pal.yellow.80}" } }, moderate: { value: { _light: "{colors.pal.yellow.90}" } }, subtle: { value: { _light: "{colors.pal.yellow.93}" } }, minimal: { value: { _light: "{colors.pal.yellow.95}" } } }, critical: { base: { value: { _light: "{colors.pal.red.50}" } }, dark: { value: { _light: "{colors.pal.red.20}" } }, strong: { value: { _light: "{colors.pal.red.40}" } }, bold: { value: { _light: "{colors.pal.red.60}" } }, muted: { value: { _light: "{colors.pal.red.80}" } }, moderate: { value: { _light: "{colors.pal.red.90}" } }, subtle: { value: { _light: "{colors.pal.red.93}" } }, minimal: { value: { _light: "{colors.pal.red.95}" } } }, neutral: { base: { value: { _light: "{colors.pal.neutral.50}" } }, strong: { value: { _light: "{colors.pal.neutral.40}" } }, bold: { value: { _light: "{colors.pal.neutral.60}" } }, muted: { value: { _light: "{colors.pal.neutral.80}" } }, moderate: { value: { _light: "{colors.pal.neutral.90}" } }, subtle: { value: { _light: "{colors.pal.neutral.93}" } }, minimal: { value: { _light: "{colors.pal.neutral.95}" } } }, orange: { base: { value: { _light: "{colors.pal.orange.50}" } }, strong: { value: { _light: "{colors.pal.orange.40}" } }, bold: { value: { _light: "{colors.pal.orange.60}" } }, muted: { value: { _light: "{colors.pal.orange.80}" } }, moderate: { value: { _light: "{colors.pal.orange.90}" } }, subtle: { value: { _light: "{colors.pal.orange.93}" } }, minimal: { value: { _light: "{colors.pal.orange.95}" } } }, turquoise: { base: { value: { _light: "{colors.pal.turquoise.50}" } }, dark: { value: { _light: "{colors.pal.turquoise.20}" } }, emphasized: { value: { _light: "{colors.pal.turquoise.30}" } }, strong: { value: { _light: "{colors.pal.turquoise.40}" } }, bold: { value: { _light: "{colors.pal.turquoise.60}" } }, muted: { value: { _light: "{colors.pal.turquoise.80}" } }, moderate: { value: { _light: "{colors.pal.turquoise.90}" } }, subtle: { value: { _light: "{colors.pal.turquoise.93}" } }, minimal: { value: { _light: "{colors.pal.turquoise.95}" } } } }, e = { primary: { value: { _light: "{colors.sys.bg.surface}" } }, secondary: { value: { _light: "{colors.sys.bg.minimal}" } }, tertiary: { value: { _light: "{colors.sys.bg.subtle}" } }, hover: { value: { _light: "{colors.sys.bg.subtle}" } }, active: { value: { _light: "{colors.sys.bg.moderate}" } }, selected: { value: { _light: "{colors.sys.interactive.minimal}" } }, "selected-hover": { value: { _light: "{colors.sys.interactive.subtle}" } }, contrast: { value: { _light: "{colors.sys.bg.contrast}" } }, disabled: { value: { _light: "{colors.sys.bg.disabled}" } } }, r = { regular: { value: { _light: "{colors.sys.border.subtle}" } }, minimal: { value: { _light: "{colors.sys.border.minimal}" } }, strong: { value: { _light: "{colors.sys.border.strong}" } }, hover: { value: { _light: "{colors.sys.border.emphasized}" } }, focus: { value: { _light: "{colors.sys.interactive.highlight}" } }, selected: { value: { _light: "{colors.sys.interactive}" } }, error: { value: { _light: "{colors.sys.border.critical}" } }, inverse: { value: { _light: "{colors.sys.border.inverse}" } }, "on-contrast": { value: { _light: "{colors.sys.border.on-contrast}" } }, disabled: { value: { _light: "{colors.sys.border.disabled}" } } }, a = { primary: { value: { _light: "{colors.sys.fg.primary}" } }, secondary: { value: { _light: "{colors.sys.fg.secondary}" } }, tertiary: { value: { _light: "{colors.sys.fg.tertiary}" } }, body: { value: { _light: "{colors.sys.fg}" } }, helper: { value: { _light: "{colors.sys.fg.secondary}" } }, link: { value: { _light: "{colors.sys.interactive}" } }, "link-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, selected: { value: { _light: "{colors.sys.interactive}" } }, positive: { value: { _light: "{colors.sys.fg.positive}" } }, negative: { value: { _light: "{colors.sys.fg.negative}" } }, "on-color": { value: { _light: "{colors.sys.fg.on-color}" } }, "on-contrast": { value: { _light: "{colors.sys.fg.on-contrast}" } }, "on-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } }, disabled: { value: { _light: "{colors.sys.fg.disabled}" } } }, t = { primary: { value: { _light: "{colors.sys.fg.primary}" } }, secondary: { value: { _light: "{colors.sys.fg.secondary}" } }, tertiary: { value: { _light: "{colors.sys.fg.tertiary}" } }, interactive: { value: { _light: "{colors.sys.interactive}" } }, "interactive-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, positive: { value: { _light: "{colors.sys.fg.positive}" } }, negative: { value: { _light: "{colors.sys.fg.negative}" } }, "on-color": { value: { _light: "{colors.sys.fg.on-color}" } }, "on-contrast": { value: { _light: "{colors.sys.fg.on-contrast}" } }, "on-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } }, disabled: { value: { _light: "{colors.sys.fg.disabled}" } } }, i = { primary: { bg: { value: { _light: "{colors.sys.primary}" } }, "bg-hover": { value: { _light: "{colors.sys.primary.emphasized}" } }, "bg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, secondary: { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.bg.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.bg.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.fg.primary}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.border.strong}" } }, "border-hover": { value: { _light: "{colors.sys.border.emphasized}" } }, "border-active": { value: { _light: "{colors.sys.border.emphasized}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, tertiary: { bg: { value: { _light: "transparent" } }, "bg-hover": { value: { _light: "{colors.sys.bg.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.bg.moderate}" } }, "bg-disabled": { value: { _light: "transparent" } }, fg: { value: { _light: "{colors.sys.interactive}" } }, "fg-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, "fg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } }, "danger-primary": { bg: { value: { _light: "{colors.sys.critical}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.strong}" } }, "bg-active": { value: { _light: "{colors.sys.critical.dark}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, "danger-secondary": { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.critical}" } }, "fg-hover": { value: { _light: "{colors.sys.critical}" } }, "fg-active": { value: { _light: "{colors.sys.critical.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.critical.muted}" } }, "border-hover": { value: { _light: "{colors.sys.critical.muted}" } }, "border-active": { value: { _light: "{colors.sys.critical}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, "danger-tertiary": { bg: { value: { _light: "transparent" } }, "bg-hover": { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, "bg-disabled": { value: { _light: "transparent" } }, fg: { value: { _light: "{colors.sys.critical}" } }, "fg-hover": { value: { _light: "{colors.sys.critical}" } }, "fg-active": { value: { _light: "{colors.sys.critical.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } }, "ai-primary": { bg: { value: { _light: "{colors.sys.turquoise.strong}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.emphasized}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.dark}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, "ai-secondary": { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.turquoise}" } }, "fg-hover": { value: { _light: "{colors.sys.turquoise}" } }, "fg-active": { value: { _light: "{colors.sys.turquoise.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.turquoise.muted}" } }, "border-hover": { value: { _light: "{colors.sys.turquoise.muted}" } }, "border-active": { value: { _light: "{colors.sys.turquoise}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, "ai-tertiary": { bg: { value: { _light: "{colors.sys.bg.transparent}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.transparent}" } }, fg: { value: { _light: "{colors.sys.turquoise}" } }, "fg-hover": { value: { _light: "{colors.sys.turquoise}" } }, "fg-active": { value: { _light: "{colors.sys.turquoise.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } } }, g = { text: { label: { value: { _light: "{colors.sys.fg.primary}" } }, inputValue: { value: { _light: "{colors.sys.fg}" } }, placeholder: { value: { _light: "{colors.sys.fg.subtle}" } }, helper: { value: { _light: "{colors.sys.fg.secondary}" } }, error: { value: { _light: "{colors.sys.fg.negative}" } } } }, u = { info: { bg: { value: { _light: "{colors.sys.info.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.info.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.info.moderate}" } }, border: { value: { _light: "{colors.sys.info.muted}" } }, icon: { value: { _light: "{colors.sys.info.strong}" } }, text: { value: { _light: "{colors.sys.info.strong}" } } }, success: { bg: { value: { _light: "{colors.sys.success.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.success.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.success.moderate}" } }, border: { value: { _light: "{colors.sys.success.muted}" } }, icon: { value: { _light: "{colors.sys.success.strong}" } }, text: { value: { _light: "{colors.sys.success.strong}" } } }, warning: { bg: { value: { _light: "{colors.sys.warning.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.warning.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.warning.moderate}" } }, border: { value: { _light: "{colors.sys.warning.muted}" } }, icon: { value: { _light: "{colors.sys.warning.strong}" } }, text: { value: { _light: "{colors.sys.warning.strong}" } } }, critical: { bg: { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, border: { value: { _light: "{colors.sys.critical.muted}" } }, icon: { value: { _light: "{colors.sys.critical.strong}" } }, text: { value: { _light: "{colors.sys.critical.strong}" } } }, progress: { bg: { value: { _light: "{colors.sys.interactive.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.interactive.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.interactive.moderate}" } }, border: { value: { _light: "{colors.sys.interactive.muted}" } }, icon: { value: { _light: "{colors.sys.interactive.strong}" } }, text: { value: { _light: "{colors.sys.interactive.strong}" } } }, neutral: { bg: { value: { _light: "{colors.sys.neutral.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.neutral.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.neutral.moderate}" } }, border: { value: { _light: "{colors.sys.neutral.muted}" } }, icon: { value: { _light: "{colors.sys.neutral.strong}" } }, text: { value: { _light: "{colors.sys.neutral.strong}" } } }, ai: { bg: { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, border: { value: { _light: "{colors.sys.turquoise.muted}" } }, icon: { value: { _light: "{colors.sys.turquoise.strong}" } }, text: { value: { _light: "{colors.sys.turquoise.strong}" } } } }, c = { overlay: { value: { _light: "{colors.sys.bg.contrast/50}" } }, "overlay-side": { value: { _light: "linear-gradient (90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)" } }, "overlay-light": { value: { _light: "{colors.sys.bg.contrast/16}" } }, skeleton: { value: { _light: "{colors.sys.bg.subtle}" } }, "skeleton-strong": { value: { _light: "{colors.sys.fg.minimal}" } } }, v = { "header-action": { bg: { value: { _light: "{colors.sys.bg.surface/0}" } }, "bg-hover": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-active": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-selected": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-selected-hover": { value: { _light: "{colors.sys.bg.surface/10}" } } } }, h = {
+const l = { primary: { value: { _light: "{colors.pal.purple.30}" } } }, s = { primary: { value: { _light: "{colors.pal.neutral.90}" } } }, o = { fg: { base: { value: { _light: "{colors.pal.neutral.10}" } }, primary: { value: { _light: "{colors.pal.purple.10}" } }, secondary: { value: { _light: "{colors.pal.neutral.40}" } }, tertiary: { value: { _light: "{colors.pal.neutral.60}" } }, subtle: { value: { _light: "{colors.pal.neutral.70}" } }, minimal: { value: { _light: "{colors.pal.neutral.80}" } }, positive: { value: { _light: "{colors.pal.green.50}" } }, negative: { value: { _light: "{colors.pal.red.50}" } }, "on-color": { value: { _light: "{colors.pal.neutral.100}" } }, "on-contrast": { value: { _light: "{colors.pal.neutral.95}" } }, "on-disabled": { value: { _light: "{colors.pal.neutral.70}" } }, disabled: { value: { _light: "{colors.pal.neutral.80}" } } }, bg: { surface: { value: { _light: "{colors.pal.neutral.100}" } }, contrast: { value: { _light: "{colors.pal.neutral.10}" } }, moderate: { value: { _light: "{colors.pal.neutral.90}" } }, subtle: { value: { _light: "{colors.pal.neutral.93}" } }, minimal: { value: { _light: "{colors.pal.neutral.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.95}" } } }, border: { minimal: { value: { _light: "{colors.pal.neutral.93}" } }, subtle: { value: { _light: "{colors.pal.neutral.90}" } }, strong: { value: { _light: "{colors.pal.neutral.80}" } }, emphasized: { value: { _light: "{colors.pal.neutral.70}" } }, critical: { value: { _light: "{colors.pal.red.50}" } }, inverse: { value: { _light: "{colors.pal.neutral.100}" } }, "on-contrast": { value: { _light: "{colors.pal.neutral.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, primary: { base: { value: { _light: "{colors.pal.purple.40}" } }, emphasized: { value: { _light: "{colors.pal.purple.30}" } }, contrast: { value: { _light: "{colors.pal.purple.10}" } }, muted: { value: { _light: "{colors.pal.purple.80}" } }, subtle: { value: { _light: "{colors.pal.purple.93}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, interactive: { base: { value: { _light: "{colors.pal.purple.50}" } }, strong: { value: { _light: "{colors.pal.purple.40}" } }, bold: { value: { _light: "{colors.pal.purple.60}" } }, highlight: { value: { _light: "{colors.pal.purple.70}" } }, muted: { value: { _light: "{colors.pal.purple.80}" } }, moderate: { value: { _light: "{colors.pal.purple.90}" } }, subtle: { value: { _light: "{colors.pal.purple.93}" } }, minimal: { value: { _light: "{colors.pal.purple.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, info: { base: { value: { _light: "{colors.pal.blue.50}" } }, strong: { value: { _light: "{colors.pal.blue.40}" } }, bold: { value: { _light: "{colors.pal.blue.60}" } }, muted: { value: { _light: "{colors.pal.blue.80}" } }, moderate: { value: { _light: "{colors.pal.blue.90}" } }, subtle: { value: { _light: "{colors.pal.blue.93}" } }, minimal: { value: { _light: "{colors.pal.blue.95}" } } }, success: { base: { value: { _light: "{colors.pal.green.50}" } }, strong: { value: { _light: "{colors.pal.green.40}" } }, bold: { value: { _light: "{colors.pal.green.60}" } }, muted: { value: { _light: "{colors.pal.green.80}" } }, moderate: { value: { _light: "{colors.pal.green.90}" } }, subtle: { value: { _light: "{colors.pal.green.93}" } }, minimal: { value: { _light: "{colors.pal.green.95}" } } }, warning: { base: { value: { _light: "{colors.pal.yellow.50}" } }, strong: { value: { _light: "{colors.pal.yellow.40}" } }, bold: { value: { _light: "{colors.pal.yellow.60}" } }, muted: { value: { _light: "{colors.pal.yellow.80}" } }, moderate: { value: { _light: "{colors.pal.yellow.90}" } }, subtle: { value: { _light: "{colors.pal.yellow.93}" } }, minimal: { value: { _light: "{colors.pal.yellow.95}" } } }, critical: { base: { value: { _light: "{colors.pal.red.50}" } }, dark: { value: { _light: "{colors.pal.red.20}" } }, strong: { value: { _light: "{colors.pal.red.40}" } }, bold: { value: { _light: "{colors.pal.red.60}" } }, muted: { value: { _light: "{colors.pal.red.80}" } }, moderate: { value: { _light: "{colors.pal.red.90}" } }, subtle: { value: { _light: "{colors.pal.red.93}" } }, minimal: { value: { _light: "{colors.pal.red.95}" } } }, neutral: { base: { value: { _light: "{colors.pal.neutral.50}" } }, strong: { value: { _light: "{colors.pal.neutral.40}" } }, bold: { value: { _light: "{colors.pal.neutral.60}" } }, muted: { value: { _light: "{colors.pal.neutral.80}" } }, moderate: { value: { _light: "{colors.pal.neutral.90}" } }, subtle: { value: { _light: "{colors.pal.neutral.93}" } }, minimal: { value: { _light: "{colors.pal.neutral.95}" } } }, orange: { base: { value: { _light: "{colors.pal.orange.50}" } }, strong: { value: { _light: "{colors.pal.orange.40}" } }, bold: { value: { _light: "{colors.pal.orange.60}" } }, muted: { value: { _light: "{colors.pal.orange.80}" } }, moderate: { value: { _light: "{colors.pal.orange.90}" } }, subtle: { value: { _light: "{colors.pal.orange.93}" } }, minimal: { value: { _light: "{colors.pal.orange.95}" } } }, turquoise: { base: { value: { _light: "{colors.pal.turquoise.50}" } }, dark: { value: { _light: "{colors.pal.turquoise.20}" } }, emphasized: { value: { _light: "{colors.pal.turquoise.30}" } }, strong: { value: { _light: "{colors.pal.turquoise.40}" } }, bold: { value: { _light: "{colors.pal.turquoise.60}" } }, muted: { value: { _light: "{colors.pal.turquoise.80}" } }, moderate: { value: { _light: "{colors.pal.turquoise.90}" } }, subtle: { value: { _light: "{colors.pal.turquoise.93}" } }, minimal: { value: { _light: "{colors.pal.turquoise.95}" } } } }, e = { primary: { value: { _light: "{colors.sys.bg.surface}" } }, secondary: { value: { _light: "{colors.sys.bg.minimal}" } }, tertiary: { value: { _light: "{colors.sys.bg.subtle}" } }, hover: { value: { _light: "{colors.sys.bg.subtle}" } }, active: { value: { _light: "{colors.sys.bg.moderate}" } }, selected: { value: { _light: "{colors.sys.interactive.minimal}" } }, "selected-hover": { value: { _light: "{colors.sys.interactive.subtle}" } }, contrast: { value: { _light: "{colors.sys.bg.contrast}" } }, disabled: { value: { _light: "{colors.sys.bg.disabled}" } } }, r = { regular: { value: { _light: "{colors.sys.border.subtle}" } }, minimal: { value: { _light: "{colors.sys.border.minimal}" } }, strong: { value: { _light: "{colors.sys.border.strong}" } }, hover: { value: { _light: "{colors.sys.border.emphasized}" } }, focus: { value: { _light: "{colors.sys.interactive.highlight}" } }, selected: { value: { _light: "{colors.sys.interactive}" } }, error: { value: { _light: "{colors.sys.border.critical}" } }, inverse: { value: { _light: "{colors.sys.border.inverse}" } }, "on-contrast": { value: { _light: "{colors.sys.border.on-contrast}" } }, disabled: { value: { _light: "{colors.sys.border.disabled}" } } }, a = { primary: { value: { _light: "{colors.sys.fg.primary}" } }, secondary: { value: { _light: "{colors.sys.fg.secondary}" } }, tertiary: { value: { _light: "{colors.sys.fg.tertiary}" } }, body: { value: { _light: "{colors.sys.fg}" } }, helper: { value: { _light: "{colors.sys.fg.secondary}" } }, link: { value: { _light: "{colors.sys.interactive}" } }, "link-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, selected: { value: { _light: "{colors.sys.interactive}" } }, positive: { value: { _light: "{colors.sys.fg.positive}" } }, negative: { value: { _light: "{colors.sys.fg.negative}" } }, "on-color": { value: { _light: "{colors.sys.fg.on-color}" } }, "on-contrast": { value: { _light: "{colors.sys.fg.on-contrast}" } }, "on-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } }, disabled: { value: { _light: "{colors.sys.fg.disabled}" } } }, t = { primary: { value: { _light: "{colors.sys.fg.primary}" } }, secondary: { value: { _light: "{colors.sys.fg.secondary}" } }, tertiary: { value: { _light: "{colors.sys.fg.tertiary}" } }, interactive: { value: { _light: "{colors.sys.interactive}" } }, "interactive-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, positive: { value: { _light: "{colors.sys.fg.positive}" } }, negative: { value: { _light: "{colors.sys.fg.negative}" } }, "on-color": { value: { _light: "{colors.sys.fg.on-color}" } }, "on-contrast": { value: { _light: "{colors.sys.fg.on-contrast}" } }, "on-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } }, disabled: { value: { _light: "{colors.sys.fg.disabled}" } } }, i = { primary: { bg: { value: { _light: "{colors.sys.primary}" } }, "bg-hover": { value: { _light: "{colors.sys.primary.emphasized}" } }, "bg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, secondary: { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.bg.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.bg.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.fg.primary}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.border.strong}" } }, "border-hover": { value: { _light: "{colors.sys.border.emphasized}" } }, "border-active": { value: { _light: "{colors.sys.border.emphasized}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, tertiary: { bg: { value: { _light: "transparent" } }, "bg-hover": { value: { _light: "{colors.sys.bg.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.bg.moderate}" } }, "bg-disabled": { value: { _light: "transparent" } }, fg: { value: { _light: "{colors.sys.interactive}" } }, "fg-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, "fg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } }, "danger-primary": { bg: { value: { _light: "{colors.sys.critical}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.strong}" } }, "bg-active": { value: { _light: "{colors.sys.critical.dark}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, "danger-secondary": { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.critical}" } }, "fg-hover": { value: { _light: "{colors.sys.critical}" } }, "fg-active": { value: { _light: "{colors.sys.critical.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.critical.muted}" } }, "border-hover": { value: { _light: "{colors.sys.critical.muted}" } }, "border-active": { value: { _light: "{colors.sys.critical}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, "danger-tertiary": { bg: { value: { _light: "transparent" } }, "bg-hover": { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, "bg-disabled": { value: { _light: "transparent" } }, fg: { value: { _light: "{colors.sys.critical}" } }, "fg-hover": { value: { _light: "{colors.sys.critical}" } }, "fg-active": { value: { _light: "{colors.sys.critical.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } }, "ai-primary": { bg: { value: { _light: "{colors.sys.turquoise.strong}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.emphasized}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.dark}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, "ai-secondary": { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.turquoise}" } }, "fg-hover": { value: { _light: "{colors.sys.turquoise}" } }, "fg-active": { value: { _light: "{colors.sys.turquoise.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.turquoise.muted}" } }, "border-hover": { value: { _light: "{colors.sys.turquoise.muted}" } }, "border-active": { value: { _light: "{colors.sys.turquoise}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, "ai-tertiary": { bg: { value: { _light: "{colors.sys.bg.transparent}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.transparent}" } }, fg: { value: { _light: "{colors.sys.turquoise}" } }, "fg-hover": { value: { _light: "{colors.sys.turquoise}" } }, "fg-active": { value: { _light: "{colors.sys.turquoise.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } } }, g = { text: { label: { value: { _light: "{colors.sys.fg.primary}" } }, inputValue: { value: { _light: "{colors.sys.fg}" } }, placeholder: { value: { _light: "{colors.sys.fg.subtle}" } }, helper: { value: { _light: "{colors.sys.fg.secondary}" } }, error: { value: { _light: "{colors.sys.fg.negative}" } } }, toggle: { frameOn: { value: { _light: "{colors.sys.success.bold}" } }, "frameOn-disabled": { value: { _light: "{colors.sys.success.bold/50}" } }, frameOff: { value: { _light: "{colors.sys.neutral.bold}" } }, "frameOff-disabled": { value: { _light: "{colors.sys.neutral.bold/50}" } }, slideOn: { value: { _light: "{colors.sys.bg.surface}" } }, "slideOn-disabled": { value: { _light: "{colors.sys.bg.surface}" } }, slideOff: { value: { _light: "{colors.sys.bg.surface}" } }, "slideOff-disabled": { value: { _light: "{colors.sys.bg.surface}" } } } }, u = { info: { bg: { value: { _light: "{colors.sys.info.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.info.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.info.moderate}" } }, border: { value: { _light: "{colors.sys.info.muted}" } }, icon: { value: { _light: "{colors.sys.info.strong}" } }, text: { value: { _light: "{colors.sys.info.strong}" } } }, success: { bg: { value: { _light: "{colors.sys.success.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.success.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.success.moderate}" } }, border: { value: { _light: "{colors.sys.success.muted}" } }, icon: { value: { _light: "{colors.sys.success.strong}" } }, text: { value: { _light: "{colors.sys.success.strong}" } } }, warning: { bg: { value: { _light: "{colors.sys.warning.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.warning.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.warning.moderate}" } }, border: { value: { _light: "{colors.sys.warning.muted}" } }, icon: { value: { _light: "{colors.sys.warning.strong}" } }, text: { value: { _light: "{colors.sys.warning.strong}" } } }, critical: { bg: { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, border: { value: { _light: "{colors.sys.critical.muted}" } }, icon: { value: { _light: "{colors.sys.critical.strong}" } }, text: { value: { _light: "{colors.sys.critical.strong}" } } }, progress: { bg: { value: { _light: "{colors.sys.interactive.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.interactive.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.interactive.moderate}" } }, border: { value: { _light: "{colors.sys.interactive.muted}" } }, icon: { value: { _light: "{colors.sys.interactive.strong}" } }, text: { value: { _light: "{colors.sys.interactive.strong}" } } }, neutral: { bg: { value: { _light: "{colors.sys.neutral.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.neutral.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.neutral.moderate}" } }, border: { value: { _light: "{colors.sys.neutral.muted}" } }, icon: { value: { _light: "{colors.sys.neutral.strong}" } }, text: { value: { _light: "{colors.sys.neutral.strong}" } } }, ai: { bg: { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, border: { value: { _light: "{colors.sys.turquoise.muted}" } }, icon: { value: { _light: "{colors.sys.turquoise.strong}" } }, text: { value: { _light: "{colors.sys.turquoise.strong}" } } } }, c = { overlay: { value: { _light: "{colors.sys.bg.contrast/50}" } }, "overlay-side": { value: { _light: "linear-gradient (90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)" } }, "overlay-light": { value: { _light: "{colors.sys.bg.contrast/16}" } }, skeleton: { value: { _light: "{colors.sys.bg.subtle}" } }, "skeleton-strong": { value: { _light: "{colors.sys.fg.minimal}" } } }, v = { "header-action": { bg: { value: { _light: "{colors.sys.bg.surface/0}" } }, "bg-hover": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-active": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-selected": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-selected-hover": { value: { _light: "{colors.sys.bg.surface/10}" } } } }, h = {
   brand: l,
   separator: s,
   sys: o,

package/dist/theme/slot-recipes/Switch.recipe.d.ts

@@ -0,0 +1,31 @@
+declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "control" | "indicator" | "thumb", {
+    size: {
+        sm: {
+            root: {
+                '--switch-width': string | number;
+                '--switch-height': string | number;
+                '--switch-indicator-font-size': string | number;
+            };
+            control: {
+                borderRadius: "8";
+            };
+            label: {
+                textStyle: "body/sm/regular";
+            };
+        };
+        md: {
+            root: {
+                '--switch-width': string | number;
+                '--switch-height': string | number;
+                '--switch-indicator-font-size': string | number;
+            };
+            control: {
+                borderRadius: "12";
+            };
+            label: {
+                textStyle: "body/lg/regular";
+            };
+        };
+    };
+}>;
+export default switchSlotRecipe;

package/dist/theme/slot-recipes/Switch.recipe.js

@@ -0,0 +1,118 @@
+import { switchAnatomy as i } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+import { rem as t } from "../themeUtils.js";
+const l = e({
+  slots: i.keys(),
+  className: "switch",
+  base: {
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "8",
+      "--switch-diff": "calc(var(--switch-width) - var(--switch-height))",
+      "--switch-x": {
+        base: "var(--switch-diff)",
+        _rtl: "calc(var(--switch-diff) * -1)"
+      }
+    },
+    label: {
+      _disabled: {
+        color: "text/disabled"
+      }
+    },
+    indicator: {
+      color: "icon/on-color",
+      position: "absolute",
+      width: "var(--switch-height)",
+      height: "var(--switch-height)",
+      display: "grid",
+      placeContent: "center",
+      userSelect: "none",
+      insetInlineStart: "calc(var(--switch-x) - 2px)",
+      _checked: {
+        insetInlineStart: "2px"
+      }
+    },
+    control: {
+      position: "relative",
+      display: "inline-flex",
+      width: "var(--switch-width)",
+      height: "var(--switch-height)",
+      bg: "input/toggle/frameOff",
+      cursor: "pointer",
+      transition: "backgrounds",
+      _checked: {
+        bg: "input/toggle/frameOn",
+        _disabled: {
+          bg: "input/toggle/frameOn-disabled"
+        }
+      },
+      _disabled: {
+        bg: "input/toggle/frameOff-disabled",
+        cursor: "not-allowed"
+      },
+      _readOnly: {
+        cursor: "default"
+      },
+      _focusVisible: {
+        outline: "3px solid var(--colors-sys-interactive-highlight)"
+      }
+    },
+    thumb: {
+      width: "var(--switch-height)",
+      height: "var(--switch-height)",
+      bg: "input/toggle/slideOff",
+      boxShadow: "small",
+      scale: "0.8",
+      borderRadius: "inherit",
+      transitionProperty: "translate",
+      transitionDuration: "fast",
+      _checked: {
+        bg: "input/toggle/slideOn",
+        translate: "var(--switch-x) 0"
+      },
+      _disabled: {
+        bg: "input/toggle/slideOff-disabled",
+        _checked: {
+          bg: "input/toggle/slideOn-disabled"
+        }
+      }
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: {
+          "--switch-width": t(32),
+          "--switch-height": t(16),
+          "--switch-indicator-font-size": t(12)
+        },
+        control: {
+          borderRadius: "8"
+        },
+        label: {
+          textStyle: "body/sm/regular"
+        }
+      },
+      md: {
+        root: {
+          "--switch-width": t(48),
+          "--switch-height": t(24),
+          "--switch-indicator-font-size": t(16)
+        },
+        control: {
+          borderRadius: "12"
+        },
+        label: {
+          textStyle: "body/lg/regular"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export {
+  l as default
+};

package/dist/theme/slot-recipes/index.d.ts

@@ -34,6 +34,36 @@ declare const slotRecipes: {
             };
         };
     }>;
+    switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "control" | "indicator" | "thumb", {
+        size: {
+            sm: {
+                root: {
+                    '--switch-width': string | number;
+                    '--switch-height': string | number;
+                    '--switch-indicator-font-size': string | number;
+                };
+                control: {
+                    borderRadius: "8";
+                };
+                label: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+            md: {
+                root: {
+                    '--switch-width': string | number;
+                    '--switch-height': string | number;
+                    '--switch-indicator-font-size': string | number;
+                };
+                control: {
+                    borderRadius: "12";
+                };
+                label: {
+                    textStyle: "body/lg/regular";
+                };
+            };
+        };
+    }>;
     tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
 };
 export default slotRecipes;

package/dist/theme/slot-recipes/index.js

@@ -1,13 +1,15 @@
-import e from "./Field.recipe.js";
-import t from "./NativeSelect.js";
+import t from "./Field.recipe.js";
+import e from "./NativeSelect.js";
 import { numberInputSlotRecipe as o } from "./NumberInput.recipe.js";
-import i from "./Tooltip.recipe.js";
-const c = {
-  field: e,
-  nativeSelect: t,
+import i from "./Switch.recipe.js";
+import p from "./Tooltip.recipe.js";
+const n = {
+  field: t,
+  nativeSelect: e,
   numberInput: o,
-  tooltip: i
+  switch: i,
+  tooltip: p
 };
 export {
-  c as default
+  n as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.60",
+  "version": "0.3.61",
   "description": "Bitrise Design System Components built with Chakra UI v3",
   "keywords": [
     "react",