@gnist/design-system 6.0.0-alpha.3 → 6.1.0

package/dist/components/actions/selectionControls/switch.css.cjs

@@ -1,232 +1,160 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const atoms_css_js = require("@gnist/themes/atoms.css.js");
-const layers_css_js = require("@gnist/themes/layers.css.js");
-const tokens_css_js = require("@gnist/themes/tokens.css.js");
-const cssUtils = require("@vanilla-extract/css-utils");
-const focusContainer = layers_css_js.gnistStyle({
-  display: "inline-flex",
-  alignItems: "center",
-  position: "relative",
-  flexShrink: 0
+require("../../../_virtual/_rolldown/runtime.cjs");
+let _gnist_themes_atoms_css_js = require("@gnist/themes/atoms.css.js");
+let _vanilla_extract_recipes = require("@vanilla-extract/recipes");
+let _gnist_themes_tokens_css_js = require("@gnist/themes/tokens.css.js");
+let _vanilla_extract_css_utils = require("@vanilla-extract/css-utils");
+let _vanilla_extract_css = require("@vanilla-extract/css");
+//#region src/components/actions/selectionControls/switch.css.ts
+var focusContainer = (0, _vanilla_extract_css.style)({
+	display: "inline-flex",
+	alignItems: "center",
+	position: "relative",
+	flexShrink: 0
 });
-const switchField = layers_css_js.gnistStyle({
-  display: "inline-flex",
-  flexDirection: "column",
-  gap: tokens_css_js.tokens.spacing.base
+var switchField = (0, _vanilla_extract_css.style)({
+	display: "inline-flex",
+	flexDirection: "column",
+	gap: _gnist_themes_tokens_css_js.tokens.spacing.base
 });
-const switchRow = layers_css_js.gnistStyle({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: tokens_css_js.tokens.spacing.xxs
+var switchRow = (0, _vanilla_extract_css.style)({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: _gnist_themes_tokens_css_js.tokens.spacing.xxs
 });
-const switchLabelContent = layers_css_js.gnistStyle({
-  display: "inline-flex",
-  flexDirection: "column",
-  gap: tokens_css_js.tokens.spacing.base,
-  minWidth: 0
+var switchLabelContent = (0, _vanilla_extract_css.style)({
+	display: "inline-flex",
+	flexDirection: "column",
+	gap: _gnist_themes_tokens_css_js.tokens.spacing.base,
+	minWidth: 0
 });
-const switchContainer = layers_css_js.gnistStyle([
-  {
-    position: "relative",
-    display: "inline-flex",
-    alignItems: "center",
-    flexShrink: 0,
-    cursor: "pointer",
-    overflow: "hidden",
-    transition: "background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease"
-  },
-  atoms_css_js.atoms({
-    borderRadius: "full",
-    width: "xxl",
-    height: "m"
-  })
-]);
-const SwitchRecipe = layers_css_js.gnistRecipe({
-  base: [
-    switchContainer,
-    {
-      borderWidth: tokens_css_js.tokens.stroke.small,
-      borderStyle: "solid",
-      boxSizing: "border-box",
-      selectors: {
-        [`${focusContainer}:has(input:focus-visible) &`]: {
-          boxShadow: `0 0 0 ${tokens_css_js.tokens.stroke.medium} ${tokens_css_js.tokens.color.interactive}`
-        },
-        [`${focusContainer}:has(input:not(:disabled):hover) &`]: {
-          filter: "brightness(0.98)"
-        },
-        [`${focusContainer}:has(input:not(:disabled):active) &`]: {
-          filter: "brightness(0.94)"
-        }
-      }
-    }
-  ],
-  variants: {
-    selected: {
-      true: [
-        atoms_css_js.atoms({
-          backgroundColor: "success",
-          borderColor: "success"
-        })
-      ],
-      false: [
-        atoms_css_js.atoms({
-          backgroundColor: "surface-variant",
-          borderColor: "on-surface"
-        })
-      ]
-    },
-    disabled: {
-      true: [
-        atoms_css_js.atoms({
-          backgroundColor: "disabled",
-          borderColor: "on-disabled"
-        }),
-        {
-          cursor: "not-allowed"
-        }
-      ],
-      false: {}
-    }
-  },
-  compoundVariants: [
-    {
-      variants: {
-        selected: true,
-        disabled: true
-      },
-      style: [
-        atoms_css_js.atoms({
-          backgroundColor: "on-disabled",
-          borderColor: "on-disabled"
-        })
-      ]
-    }
-  ]
+var switchContainer = (0, _vanilla_extract_css.style)([{
+	position: "relative",
+	display: "inline-flex",
+	alignItems: "center",
+	flexShrink: 0,
+	cursor: "pointer",
+	overflow: "hidden",
+	transition: "background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease"
+}, (0, _gnist_themes_atoms_css_js.atoms)({
+	borderRadius: "full",
+	width: "xxl",
+	height: "m"
+})]);
+var SwitchRecipe = (0, _vanilla_extract_recipes.recipe)({
+	base: [switchContainer, {
+		borderWidth: _gnist_themes_tokens_css_js.tokens.stroke.small,
+		borderStyle: "solid",
+		boxSizing: "border-box",
+		selectors: {
+			[`${focusContainer}:has(input:focus-visible) &`]: { boxShadow: `0 0 0 ${_gnist_themes_tokens_css_js.tokens.stroke.medium} ${_gnist_themes_tokens_css_js.tokens.color.interactive}` },
+			[`${focusContainer}:has(input:not(:disabled):hover) &`]: { filter: "brightness(0.98)" },
+			[`${focusContainer}:has(input:not(:disabled):active) &`]: { filter: "brightness(0.94)" }
+		}
+	}],
+	variants: {
+		selected: {
+			true: [(0, _gnist_themes_atoms_css_js.atoms)({
+				backgroundColor: "success",
+				borderColor: "success"
+			})],
+			false: [(0, _gnist_themes_atoms_css_js.atoms)({
+				backgroundColor: "surface-variant",
+				borderColor: "on-surface"
+			})]
+		},
+		disabled: {
+			true: [(0, _gnist_themes_atoms_css_js.atoms)({
+				backgroundColor: "disabled",
+				borderColor: "on-disabled"
+			}), { cursor: "not-allowed" }],
+			false: {}
+		}
+	},
+	compoundVariants: [{
+		variants: {
+			selected: true,
+			disabled: true
+		},
+		style: [(0, _gnist_themes_atoms_css_js.atoms)({
+			backgroundColor: "on-disabled",
+			borderColor: "on-disabled"
+		})]
+	}]
 });
-const switchThumb = layers_css_js.gnistStyle({
-  position: "absolute",
-  top: "50%",
-  transform: "translateY(-50%)",
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  transition: "left 0.2s ease, transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease",
-  borderRadius: "50%",
-  backgroundColor: tokens_css_js.tokens.color.surface,
-  selectors: {
-    [`${focusContainer}:has(input:not(:disabled):active) &`]: {
-      transform: "translateY(-50%) scale(0.94)"
-    }
-  }
+var switchThumb = (0, _vanilla_extract_css.style)({
+	position: "absolute",
+	top: "50%",
+	transform: "translateY(-50%)",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	transition: "left 0.2s ease, transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease",
+	borderRadius: "50%",
+	backgroundColor: _gnist_themes_tokens_css_js.tokens.color.surface,
+	selectors: { [`${focusContainer}:has(input:not(:disabled):active) &`]: { transform: "translateY(-50%) scale(0.94)" } }
 });
-const SwitchThumbRecipe = layers_css_js.gnistRecipe({
-  base: [
-    switchThumb,
-    atoms_css_js.atoms({
-      width: "s",
-      height: "s"
-    }),
-    {
-      borderWidth: tokens_css_js.tokens.stroke.small,
-      borderStyle: "solid",
-      boxSizing: "border-box"
-    }
-  ],
-  variants: {
-    selected: {
-      true: [
-        atoms_css_js.atoms({
-          borderColor: "on-surface"
-        }),
-        {
-          left: cssUtils.calc.subtract("100%", cssUtils.calc.add(tokens_css_js.tokens.size.s, tokens_css_js.tokens.stroke.small))
-        }
-      ],
-      false: [
-        atoms_css_js.atoms({
-          borderColor: "on-surface"
-        }),
-        {
-          left: tokens_css_js.tokens.stroke.small
-        }
-      ]
-    },
-    disabled: {
-      true: [
-        atoms_css_js.atoms({
-          backgroundColor: "surface",
-          borderColor: "on-disabled"
-        })
-      ],
-      false: {}
-    }
-  },
-  compoundVariants: [
-    {
-      variants: {
-        selected: true,
-        disabled: true
-      },
-      style: [
-        atoms_css_js.atoms({
-          borderColor: "surface"
-        })
-      ]
-    }
-  ]
+var SwitchThumbRecipe = (0, _vanilla_extract_recipes.recipe)({
+	base: [
+		switchThumb,
+		(0, _gnist_themes_atoms_css_js.atoms)({
+			width: "s",
+			height: "s"
+		}),
+		{
+			borderWidth: _gnist_themes_tokens_css_js.tokens.stroke.small,
+			borderStyle: "solid",
+			boxSizing: "border-box"
+		}
+	],
+	variants: {
+		selected: {
+			true: [(0, _gnist_themes_atoms_css_js.atoms)({ borderColor: "on-surface" }), { left: _vanilla_extract_css_utils.calc.subtract("100%", _vanilla_extract_css_utils.calc.add(_gnist_themes_tokens_css_js.tokens.size.s, _gnist_themes_tokens_css_js.tokens.stroke.small)) }],
+			false: [(0, _gnist_themes_atoms_css_js.atoms)({ borderColor: "on-surface" }), { left: _gnist_themes_tokens_css_js.tokens.stroke.small }]
+		},
+		disabled: {
+			true: [(0, _gnist_themes_atoms_css_js.atoms)({
+				backgroundColor: "surface",
+				borderColor: "on-disabled"
+			})],
+			false: {}
+		}
+	},
+	compoundVariants: [{
+		variants: {
+			selected: true,
+			disabled: true
+		},
+		style: [(0, _gnist_themes_atoms_css_js.atoms)({ borderColor: "surface" })]
+	}]
 });
-const switchThumbIcon = layers_css_js.gnistStyle([
-  {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    lineHeight: 0,
-    pointerEvents: "none"
-  },
-  atoms_css_js.atoms({
-    color: "on-surface"
-  })
-]);
-const switchLabel = layers_css_js.gnistStyle([
-  {
-    userSelect: "none",
-    fontSize: tokens_css_js.tokens.type.small.body.fontSize,
-    lineHeight: tokens_css_js.tokens.typeface.size.xl
-  },
-  atoms_css_js.atoms({
-    color: "on-surface"
-  })
-]);
-const SwitchLabelRecipe = layers_css_js.gnistRecipe({
-  base: [switchLabel],
-  variants: {
-    disabled: {
-      true: [
-        atoms_css_js.atoms({
-          color: "on-disabled"
-        })
-      ],
-      false: {}
-    }
-  }
+var switchThumbIcon = (0, _vanilla_extract_css.style)([{
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	lineHeight: 0,
+	pointerEvents: "none"
+}, (0, _gnist_themes_atoms_css_js.atoms)({ color: "on-surface" })]);
+var switchLabel = (0, _vanilla_extract_css.style)([{
+	userSelect: "none",
+	fontSize: _gnist_themes_tokens_css_js.tokens.type.small.body.fontSize,
+	lineHeight: _gnist_themes_tokens_css_js.tokens.typeface.size.xl
+}, (0, _gnist_themes_atoms_css_js.atoms)({ color: "on-surface" })]);
+var SwitchLabelRecipe = (0, _vanilla_extract_recipes.recipe)({
+	base: [switchLabel],
+	variants: { disabled: {
+		true: [(0, _gnist_themes_atoms_css_js.atoms)({ color: "on-disabled" })],
+		false: {}
+	} }
 });
-const switchDescription = layers_css_js.gnistStyle([
-  atoms_css_js.atoms({
-    color: "text-variant"
-  })
-]);
+var switchDescription = (0, _vanilla_extract_css.style)([(0, _gnist_themes_atoms_css_js.atoms)({ color: "text-variant" })]);
+//#endregion
 exports.SwitchLabelRecipe = SwitchLabelRecipe;
 exports.SwitchRecipe = SwitchRecipe;
 exports.SwitchThumbRecipe = SwitchThumbRecipe;
 exports.focusContainer = focusContainer;
-exports.switchContainer = switchContainer;
 exports.switchDescription = switchDescription;
 exports.switchField = switchField;
-exports.switchLabel = switchLabel;
 exports.switchLabelContent = switchLabelContent;
 exports.switchRow = switchRow;
-exports.switchThumb = switchThumb;
 exports.switchThumbIcon = switchThumbIcon;

package/dist/components/actions/selectionControls/switch.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.css.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/switch.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,QAKzB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,eAAe,QAgB1B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;EA8DvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAgBtB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;EA0D5B,CAAC;AAEH,eAAO,MAAM,eAAe,QAW1B,CAAC;AAEH,eAAO,MAAM,WAAW,QAStB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;EAY5B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAI5B,CAAC"}
+{"version":3,"file":"switch.css.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/switch.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,QAKzB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,eAAe,QAgB1B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;EA8DvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAgBtB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;EA0D5B,CAAC;AAEH,eAAO,MAAM,eAAe,QAW1B,CAAC;AAEH,eAAO,MAAM,WAAW,QAStB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;EAY5B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAI5B,CAAC"}