@telegraph/textarea 0.0.21 → 0.0.22

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @telegraph/textarea
 
+## 0.0.22
+
+### Patch Changes
+
+- [#490](https://github.com/knocklabs/telegraph/pull/490) [`def8e98`](https://github.com/knocklabs/telegraph/commit/def8e983fe8d90d3d35f8ffe81ceb9daa46e1b30) Thanks [@kylemcd](https://github.com/kylemcd)! - deprecate and remove legacy vanilla extract style engine
+
+- Updated dependencies []:
+  - @telegraph/typography@0.1.19
+  - @telegraph/helpers@0.0.12
+
 ## 0.0.21
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),g=require("@telegraph/typography"),m=require("clsx"),h={1:{p:"1",size:"1"},2:{px:"2",py:"1",size:"2"},3:{px:"3",py:"2",size:"3"}},y={outline:{border:"px"},ghost:{border:"px",borderColor:"transparent"}},O={default:{},disabled:{bg:"gray-2",borderColor:"gray-2"},error:{borderColor:"red-6"}};function z(e,r){if(typeof e!="object"||!e)return e;var a=e[Symbol.toPrimitive];if(a!==void 0){var t=a.call(e,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function j(e){var r=z(e,"string");return typeof r=="symbol"?r:String(r)}function P(e,r,a){return r=j(r),r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function p(e,r){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),a.push.apply(a,t)}return a}function v(e){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?p(Object(a),!0).forEach(function(t){P(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):p(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function f(e,r){var a={};for(var t in e)a[t]=r(e[t],t);return a}var x=(e,r,a)=>{for(var t of Object.keys(e)){var s;if(e[t]!==((s=r[t])!==null&&s!==void 0?s:a[t]))return!1}return!0},w=e=>{var r=a=>{var t=e.defaultClassName,s=v(v({},e.defaultVariants),a);for(var i in s){var u,l=(u=s[i])!==null&&u!==void 0?u:e.defaultVariants[i];if(l!=null){var n=l;typeof n=="boolean"&&(n=n===!0?"true":"false");var o=e.variantClassNames[i][n];o&&(t+=" "+o)}}for(var[d,b]of e.compoundVariants)x(d,s,e.defaultVariants)&&(t+=" "+b);return t};return r.variants=()=>Object.keys(e.variantClassNames),r.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return f(e.variantClassNames,a=>f(a,t=>t.split(" ")[0]))}},r},S="tgph-1izsev00",C=w({defaultClassName:"tgph-1izsev01",variantClassNames:{size:{1:"tgph-1izsev02",2:"tgph-1izsev03",3:"tgph-1izsev04"},state:{default:"tgph-1izsev05",disabled:"tgph-1izsev06",error:"tgph-1izsev07"},resize:{both:"tgph-1izsev08",vertical:"tgph-1izsev09",horizontal:"tgph-1izsev0a",none:"tgph-1izsev0b"},variant:{outline:"tgph-1izsev0c",ghost:"tgph-1izsev0d"}},defaultVariants:{},compoundVariants:[]});const V=({disabled:e,errored:r})=>e?"disabled":r?"error":"default",N=({size:e="2",variant:r="outline",rounded:a="2",resize:t="both",disabled:s,errored:i,className:u,textProps:l,...n})=>{const o=V({disabled:s,errored:i});return c.jsx(g.Text,{as:"textarea",className:m.clsx(S,C({variant:r,size:e,resize:t,state:o}),u),rounded:a,disabled:s,...h[e],...y[r],...O[o],...l,...n})};exports.TextArea=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),u=require("@telegraph/typography"),x={1:{p:"1",size:"1"},2:{px:"2",py:"1",size:"2"},3:{px:"3",py:"2",size:"3"}},g={outline:{border:"px"},ghost:{border:"px",borderColor:"transparent"}},l={default:{},disabled:{bg:"gray-2",borderColor:"gray-2"},error:{borderColor:"red-6"}},b=({disabled:t,errored:e})=>t?"disabled":e?"error":"default",c=({size:t="2",variant:e="outline",rounded:o="2",resize:s="both",disabled:r,errored:n,textProps:d,...i})=>{const a=b({disabled:r,errored:n});return p.jsx(u.Text,{as:"textarea","data-tgph-textarea":!0,"data-tgph-textarea-state":a,"data-tgph-textarea-resize":s,"data-tgph-textarea-variant":e,rounded:o,disabled:r,...x[t],...g[e],...l[a],...d,...i})};exports.TextArea=c;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TextArea/TextArea.constants.ts","../../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js","../../src/TextArea/TextArea.tsx"],"sourcesContent":["import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Text } from \"@telegraph/typography\";\n\nexport type Size = \"1\" | \"2\" | \"3\";\nexport type Variant = \"outline\" | \"ghost\";\nexport type State = \"default\" | \"disabled\" | \"error\";\n\ntype SizeMap = {\n  [key in Size]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"p\" | \"size\" | \"px\" | \"py\">\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"border\" | \"borderColor\">\n  >;\n};\n\ntype StateMap = {\n  [key in State]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"bg\" | \"borderColor\">\n  >;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n    size: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n    size: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {},\n  disabled: {\n    bg: \"gray-2\",\n    borderColor: \"gray-2\",\n  },\n  error: {\n    borderColor: \"red-6\",\n  },\n};\n","function toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction mapValues(input, fn) {\n  var result = {};\n  for (var _key in input) {\n    result[_key] = fn(input[_key], _key);\n  }\n  return result;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n  return true;\n};\nvar createRuntimeFn = config => {\n  var runtimeFn = options => {\n    var className = config.defaultClassName;\n    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n    for (var variantName in selections) {\n      var _selections$variantNa;\n      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n      if (variantSelection != null) {\n        var selection = variantSelection;\n        if (typeof selection === 'boolean') {\n          // @ts-expect-error\n          selection = selection === true ? 'true' : 'false';\n        }\n        var selectionClassName =\n        // @ts-expect-error\n        config.variantClassNames[variantName][selection];\n        if (selectionClassName) {\n          className += ' ' + selectionClassName;\n        }\n      }\n    }\n    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n        className += ' ' + compoundClassName;\n      }\n    }\n    return className;\n  };\n  runtimeFn.variants = () => Object.keys(config.variantClassNames);\n  runtimeFn.classNames = {\n    get base() {\n      return config.defaultClassName.split(' ')[0];\n    },\n    get variants() {\n      return mapValues(config.variantClassNames, classNames => mapValues(classNames, className => className.split(' ')[0]));\n    }\n  };\n  return runtimeFn;\n};\n\nexport { createRuntimeFn as c, mapValues as m };\n","import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport { Text } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport {\n  type Size,\n  type State,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\nimport { baseStyles, variants } from \"./TextArea.css\";\n\nconst deriveState = ({ disabled, errored }: TextAreaBaseProps): State => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: Omit<React.ComponentProps<typeof Text>, \"as\">;\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Text> &\n  React.ComponentPropsWithoutRef<\"textarea\">;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  rounded = \"2\",\n  resize = \"both\",\n  disabled,\n  errored,\n  className,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      className={clsx(\n        baseStyles,\n        variants({ variant, size, resize, state: derivedState }),\n        className,\n      )}\n      rounded={rounded}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\ntype TextAreaExportedProps = TgphComponentProps<typeof TextArea>;\n\nexport { TextArea, type TextAreaExportedProps as TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","toPrimitive","t","e","i","toPropertyKey","_defineProperty","obj","key","value","ownKeys","o","r","_objectSpread2","mapValues","input","fn","result","_key","shouldApplyCompound","compoundCheck","selections","defaultVariants","_selections$key","createRuntimeFn","config","runtimeFn","options","className","variantName","_selections$variantNa","variantSelection","selection","selectionClassName","compoundClassName","classNames","deriveState","disabled","errored","TextArea","size","variant","rounded","resize","textProps","props","derivedState","jsx","Text","clsx","baseStyles","variants"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"index.js","sources":["../../src/TextArea/TextArea.constants.ts","../../src/TextArea/TextArea.tsx"],"sourcesContent":["import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Text } from \"@telegraph/typography\";\n\nexport type Size = \"1\" | \"2\" | \"3\";\nexport type Variant = \"outline\" | \"ghost\";\nexport type State = \"default\" | \"disabled\" | \"error\";\n\ntype SizeMap = {\n  [key in Size]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"p\" | \"size\" | \"px\" | \"py\">\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"border\" | \"borderColor\">\n  >;\n};\n\ntype StateMap = {\n  [key in State]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"bg\" | \"borderColor\">\n  >;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n    size: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n    size: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {},\n  disabled: {\n    bg: \"gray-2\",\n    borderColor: \"gray-2\",\n  },\n  error: {\n    borderColor: \"red-6\",\n  },\n};\n","import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport { Text } from \"@telegraph/typography\";\nimport React from \"react\";\n\nimport {\n  type Size,\n  type State,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\n\nconst deriveState = ({ disabled, errored }: TextAreaBaseProps): State => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: Omit<React.ComponentProps<typeof Text>, \"as\">;\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Text> &\n  React.ComponentPropsWithoutRef<\"textarea\">;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  rounded = \"2\",\n  resize = \"both\",\n  disabled,\n  errored,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      data-tgph-textarea\n      data-tgph-textarea-state={derivedState}\n      data-tgph-textarea-resize={resize}\n      data-tgph-textarea-variant={variant}\n      rounded={rounded}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\ntype TextAreaExportedProps = TgphComponentProps<typeof TextArea>;\n\nexport { TextArea, type TextAreaExportedProps as TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","deriveState","disabled","errored","TextArea","size","variant","rounded","resize","textProps","props","derivedState","jsx","Text"],"mappings":"wJAyBaA,EAAmB,CAC9B,EAAK,CACH,EAAG,IACH,KAAM,GACR,EACA,EAAK,CACH,GAAI,IACJ,GAAI,IACJ,KAAM,GACR,EACA,EAAK,CACH,GAAI,IACJ,GAAI,IACJ,KAAM,GAAA,CAEV,EAEaC,EAAyB,CACpC,QAAS,CACP,OAAQ,IACV,EACA,MAAO,CACL,OAAQ,KACR,YAAa,aAAA,CAEjB,EAEaC,EAAqB,CAChC,QAAS,CAAC,EACV,SAAU,CACR,GAAI,SACJ,YAAa,QACf,EACA,MAAO,CACL,YAAa,OAAA,CAEjB,EChDMC,EAAc,CAAC,CAAE,SAAAC,EAAU,QAAAC,KAC3BD,EAAiB,WACjBC,EAAgB,QACb,UAgBHC,EAAW,CAAC,CAChB,KAAAC,EAAO,IACP,QAAAC,EAAU,UACV,QAAAC,EAAU,IACV,OAAAC,EAAS,OACT,SAAAN,EACA,QAAAC,EACA,UAAAM,EACA,GAAGC,CACL,IAAqB,CACnB,MAAMC,EAAeV,EAAY,CAAE,SAAAC,EAAU,QAAAC,EAAS,EAGpD,OAAAS,EAAA,IAACC,EAAA,KAAA,CACC,GAAG,WACH,qBAAkB,GAClB,2BAA0BF,EAC1B,4BAA2BH,EAC3B,6BAA4BF,EAC5B,QAAAC,EACA,SAAAL,EACC,GAAGJ,EAAQO,CAAI,EACf,GAAGN,EAAWO,CAAO,EACrB,GAAGN,EAASW,CAAY,EACxB,GAAGF,EACH,GAAGC,CAAA,CACN,CAEJ"}

package/dist/css/default.css

@@ -0,0 +1 @@
+[data-tgph-textarea]{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s cubic-bezier(.4,0,.2,1)}[data-tgph-textarea]:hover{border-color:var(--tgph-gray-7)}[data-tgph-textarea]:focus{border-color:var(--tgph-blue-8);outline:none}[data-tgph-textarea]::-moz-placeholder{color:var(--tgph-gray-10)}[data-tgph-textarea]::placeholder{color:var(--tgph-gray-10)}[data-tgph-textarea-state=disabled]{cursor:not-allowed}[data-tgph-textarea-state=disabled]:hover{border-color:var(--tgph-gray-2)}[data-tgph-textarea-state=disabled]:focus{border-color:var(--tgph-gray-2)}[data-tgph-textarea-state=error]{border-color:var(--tgph-red-6)}[data-tgph-textarea-state=error]:focus{border-color:var(--tgph-red-8)}[data-tgph-textarea-resize=none]{resize:none}[data-tgph-textarea-resize=both]{resize:both}[data-tgph-textarea-resize=vertical]{resize:vertical}[data-tgph-textarea-resize=horizontal]{resize:horizontal}[data-tgph-textarea-variant=ghost]{border-color:transparent;resize:none}

package/dist/esm/index.mjs

@@ -1,7 +1,6 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Text as c } from "@telegraph/typography";
-import { clsx as g } from "clsx";
-const h = {
+import { jsx as n } from "react/jsx-runtime";
+import { Text as x } from "@telegraph/typography";
+const u = {
   1: {
     p: "1",
     size: "1"
@@ -16,7 +15,7 @@ const h = {
     py: "2",
     size: "3"
   }
-}, y = {
+}, b = {
   outline: {
     border: "px"
   },
@@ -24,7 +23,7 @@ const h = {
     border: "px",
     borderColor: "transparent"
   }
-}, z = {
+}, g = {
   default: {},
   disabled: {
     bg: "gray-2",
@@ -33,123 +32,36 @@ const h = {
   error: {
     borderColor: "red-6"
   }
-};
-function O(r, e) {
-  if (typeof r != "object" || !r) return r;
-  var a = r[Symbol.toPrimitive];
-  if (a !== void 0) {
-    var t = a.call(r, e || "default");
-    if (typeof t != "object") return t;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(r);
-}
-function j(r) {
-  var e = O(r, "string");
-  return typeof e == "symbol" ? e : String(e);
-}
-function P(r, e, a) {
-  return e = j(e), e in r ? Object.defineProperty(r, e, {
-    value: a,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : r[e] = a, r;
-}
-function l(r, e) {
-  var a = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(r);
-    e && (t = t.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), a.push.apply(a, t);
-  }
-  return a;
-}
-function f(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var a = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? l(Object(a), !0).forEach(function(t) {
-      P(r, t, a[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(a)) : l(Object(a)).forEach(function(t) {
-      Object.defineProperty(r, t, Object.getOwnPropertyDescriptor(a, t));
-    });
-  }
-  return r;
-}
-function v(r, e) {
-  var a = {};
-  for (var t in r)
-    a[t] = e(r[t], t);
-  return a;
-}
-var w = (r, e, a) => {
-  for (var t of Object.keys(r)) {
-    var s;
-    if (r[t] !== ((s = e[t]) !== null && s !== void 0 ? s : a[t]))
-      return !1;
-  }
-  return !0;
-}, x = (r) => {
-  var e = (a) => {
-    var t = r.defaultClassName, s = f(f({}, r.defaultVariants), a);
-    for (var i in s) {
-      var o, p = (o = s[i]) !== null && o !== void 0 ? o : r.defaultVariants[i];
-      if (p != null) {
-        var n = p;
-        typeof n == "boolean" && (n = n === !0 ? "true" : "false");
-        var u = (
-          // @ts-expect-error
-          r.variantClassNames[i][n]
-        );
-        u && (t += " " + u);
-      }
-    }
-    for (var [d, b] of r.compoundVariants)
-      w(d, s, r.defaultVariants) && (t += " " + b);
-    return t;
-  };
-  return e.variants = () => Object.keys(r.variantClassNames), e.classNames = {
-    get base() {
-      return r.defaultClassName.split(" ")[0];
-    },
-    get variants() {
-      return v(r.variantClassNames, (a) => v(a, (t) => t.split(" ")[0]));
-    }
-  }, e;
-}, C = "tgph-1izsev00", S = x({ defaultClassName: "tgph-1izsev01", variantClassNames: { size: { 1: "tgph-1izsev02", 2: "tgph-1izsev03", 3: "tgph-1izsev04" }, state: { default: "tgph-1izsev05", disabled: "tgph-1izsev06", error: "tgph-1izsev07" }, resize: { both: "tgph-1izsev08", vertical: "tgph-1izsev09", horizontal: "tgph-1izsev0a", none: "tgph-1izsev0b" }, variant: { outline: "tgph-1izsev0c", ghost: "tgph-1izsev0d" } }, defaultVariants: {}, compoundVariants: [] });
-const V = ({ disabled: r, errored: e }) => r ? "disabled" : e ? "error" : "default", M = ({
+}, l = ({ disabled: r, errored: t }) => r ? "disabled" : t ? "error" : "default", h = ({
   size: r = "2",
-  variant: e = "outline",
-  rounded: a = "2",
-  resize: t = "both",
-  disabled: s,
-  errored: i,
-  className: o,
-  textProps: p,
-  ...n
+  variant: t = "outline",
+  rounded: o = "2",
+  resize: p = "both",
+  disabled: e,
+  errored: s,
+  textProps: d,
+  ...i
 }) => {
-  const u = V({ disabled: s, errored: i });
-  return /* @__PURE__ */ m(
-    c,
+  const a = l({ disabled: e, errored: s });
+  return /* @__PURE__ */ n(
+    x,
     {
       as: "textarea",
-      className: g(
-        C,
-        S({ variant: e, size: r, resize: t, state: u }),
-        o
-      ),
-      rounded: a,
-      disabled: s,
-      ...h[r],
-      ...y[e],
-      ...z[u],
-      ...p,
-      ...n
+      "data-tgph-textarea": !0,
+      "data-tgph-textarea-state": a,
+      "data-tgph-textarea-resize": p,
+      "data-tgph-textarea-variant": t,
+      rounded: o,
+      disabled: e,
+      ...u[r],
+      ...b[t],
+      ...g[a],
+      ...d,
+      ...i
     }
   );
 };
 export {
-  M as TextArea
+  h as TextArea
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/TextArea/TextArea.constants.ts","../../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js","../../src/TextArea/TextArea.tsx"],"sourcesContent":["import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Text } from \"@telegraph/typography\";\n\nexport type Size = \"1\" | \"2\" | \"3\";\nexport type Variant = \"outline\" | \"ghost\";\nexport type State = \"default\" | \"disabled\" | \"error\";\n\ntype SizeMap = {\n  [key in Size]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"p\" | \"size\" | \"px\" | \"py\">\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"border\" | \"borderColor\">\n  >;\n};\n\ntype StateMap = {\n  [key in State]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"bg\" | \"borderColor\">\n  >;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n    size: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n    size: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {},\n  disabled: {\n    bg: \"gray-2\",\n    borderColor: \"gray-2\",\n  },\n  error: {\n    borderColor: \"red-6\",\n  },\n};\n","function toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction mapValues(input, fn) {\n  var result = {};\n  for (var _key in input) {\n    result[_key] = fn(input[_key], _key);\n  }\n  return result;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n  return true;\n};\nvar createRuntimeFn = config => {\n  var runtimeFn = options => {\n    var className = config.defaultClassName;\n    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n    for (var variantName in selections) {\n      var _selections$variantNa;\n      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n      if (variantSelection != null) {\n        var selection = variantSelection;\n        if (typeof selection === 'boolean') {\n          // @ts-expect-error\n          selection = selection === true ? 'true' : 'false';\n        }\n        var selectionClassName =\n        // @ts-expect-error\n        config.variantClassNames[variantName][selection];\n        if (selectionClassName) {\n          className += ' ' + selectionClassName;\n        }\n      }\n    }\n    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n        className += ' ' + compoundClassName;\n      }\n    }\n    return className;\n  };\n  runtimeFn.variants = () => Object.keys(config.variantClassNames);\n  runtimeFn.classNames = {\n    get base() {\n      return config.defaultClassName.split(' ')[0];\n    },\n    get variants() {\n      return mapValues(config.variantClassNames, classNames => mapValues(classNames, className => className.split(' ')[0]));\n    }\n  };\n  return runtimeFn;\n};\n\nexport { createRuntimeFn as c, mapValues as m };\n","import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport { Text } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport {\n  type Size,\n  type State,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\nimport { baseStyles, variants } from \"./TextArea.css\";\n\nconst deriveState = ({ disabled, errored }: TextAreaBaseProps): State => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: Omit<React.ComponentProps<typeof Text>, \"as\">;\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Text> &\n  React.ComponentPropsWithoutRef<\"textarea\">;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  rounded = \"2\",\n  resize = \"both\",\n  disabled,\n  errored,\n  className,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      className={clsx(\n        baseStyles,\n        variants({ variant, size, resize, state: derivedState }),\n        className,\n      )}\n      rounded={rounded}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\ntype TextAreaExportedProps = TgphComponentProps<typeof TextArea>;\n\nexport { TextArea, type TextAreaExportedProps as TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","toPrimitive","t","r","e","i","toPropertyKey","_defineProperty","obj","key","value","ownKeys","o","_objectSpread2","mapValues","input","fn","result","_key","shouldApplyCompound","compoundCheck","selections","defaultVariants","_selections$key","createRuntimeFn","config","runtimeFn","options","className","variantName","_selections$variantNa","variantSelection","selection","selectionClassName","compoundClassName","classNames","deriveState","disabled","errored","TextArea","size","variant","rounded","resize","textProps","props","derivedState","jsx","Text","clsx","baseStyles","variants"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"index.mjs","sources":["../../src/TextArea/TextArea.constants.ts","../../src/TextArea/TextArea.tsx"],"sourcesContent":["import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Text } from \"@telegraph/typography\";\n\nexport type Size = \"1\" | \"2\" | \"3\";\nexport type Variant = \"outline\" | \"ghost\";\nexport type State = \"default\" | \"disabled\" | \"error\";\n\ntype SizeMap = {\n  [key in Size]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"p\" | \"size\" | \"px\" | \"py\">\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"border\" | \"borderColor\">\n  >;\n};\n\ntype StateMap = {\n  [key in State]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"bg\" | \"borderColor\">\n  >;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n    size: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n    size: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {},\n  disabled: {\n    bg: \"gray-2\",\n    borderColor: \"gray-2\",\n  },\n  error: {\n    borderColor: \"red-6\",\n  },\n};\n","import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport { Text } from \"@telegraph/typography\";\nimport React from \"react\";\n\nimport {\n  type Size,\n  type State,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\n\nconst deriveState = ({ disabled, errored }: TextAreaBaseProps): State => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: Omit<React.ComponentProps<typeof Text>, \"as\">;\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Text> &\n  React.ComponentPropsWithoutRef<\"textarea\">;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  rounded = \"2\",\n  resize = \"both\",\n  disabled,\n  errored,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      data-tgph-textarea\n      data-tgph-textarea-state={derivedState}\n      data-tgph-textarea-resize={resize}\n      data-tgph-textarea-variant={variant}\n      rounded={rounded}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\ntype TextAreaExportedProps = TgphComponentProps<typeof TextArea>;\n\nexport { TextArea, type TextAreaExportedProps as TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","deriveState","disabled","errored","TextArea","size","variant","rounded","resize","textProps","props","derivedState","jsx","Text"],"mappings":";;AAyBO,MAAMA,IAAmB;AAAA,EAC9B,GAAK;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,EACR;AAAA,EACA,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAyB;AAAA,EACpC,SAAS;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAEjB,GAEaC,IAAqB;AAAA,EAChC,SAAS,CAAC;AAAA,EACV,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,aAAa;AAAA,EAAA;AAEjB,GChDMC,IAAc,CAAC,EAAE,UAAAC,GAAU,SAAAC,QAC3BD,IAAiB,aACjBC,IAAgB,UACb,WAgBHC,IAAW,CAAC;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,UAAAN;AAAA,EACA,SAAAC;AAAA,EACA,WAAAM;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAMC,IAAeV,EAAY,EAAE,UAAAC,GAAU,SAAAC,GAAS;AAGpD,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,sBAAkB;AAAA,MAClB,4BAA0BF;AAAA,MAC1B,6BAA2BH;AAAA,MAC3B,8BAA4BF;AAAA,MAC5B,SAAAC;AAAA,MACA,UAAAL;AAAA,MACC,GAAGJ,EAAQO,CAAI;AAAA,MACf,GAAGN,EAAWO,CAAO;AAAA,MACrB,GAAGN,EAASW,CAAY;AAAA,MACxB,GAAGF;AAAA,MACH,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/types/TextArea/TextArea.d.ts

@@ -11,7 +11,7 @@ type TextAreaBaseProps = {
     textProps?: Omit<React.ComponentProps<typeof Text>, "as">;
 };
 type TextAreaProps = TextAreaBaseProps & TgphComponentProps<typeof Text> & React.ComponentPropsWithoutRef<"textarea">;
-declare const TextArea: ({ size, variant, rounded, resize, disabled, errored, className, textProps, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextArea: ({ size, variant, rounded, resize, disabled, errored, textProps, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
 type TextAreaExportedProps = TgphComponentProps<typeof TextArea>;
 export { TextArea, type TextAreaExportedProps as TextAreaProps };
 //# sourceMappingURL=TextArea.d.ts.map

package/dist/types/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,IAAI,EAET,KAAK,OAAO,EAIb,MAAM,sBAAsB,CAAC;AAS9B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;CAC3D,CAAC;AAEF,KAAK,aAAa,GAAG,iBAAiB,GACpC,kBAAkB,CAAC,OAAO,IAAI,CAAC,GAC/B,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,QAAQ,0FAUX,aAAa,4CAoBf,CAAC;AAEF,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,KAAK,qBAAqB,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,IAAI,EAET,KAAK,OAAO,EAIb,MAAM,sBAAsB,CAAC;AAQ9B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;CAC3D,CAAC;AAEF,KAAK,aAAa,GAAG,iBAAiB,GACpC,kBAAkB,CAAC,OAAO,IAAI,CAAC,GAC/B,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,QAAQ,+EASX,aAAa,4CAmBf,CAAC;AAEF,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,KAAK,qBAAqB,IAAI,aAAa,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/textarea",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "A multi-line user input.",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/textarea",
   "author": "@knocklabs",
@@ -33,16 +33,14 @@
   },
   "dependencies": {
     "@telegraph/helpers": "^0.0.12",
-    "@telegraph/style-engine": "^0.1.11",
-    "@telegraph/typography": "^0.1.18",
-    "clsx": "^2.1.1"
+    "@telegraph/typography": "^0.1.19"
   },
   "devDependencies": {
     "@knocklabs/eslint-config": "^0.0.4",
     "@knocklabs/typescript-config": "^0.0.2",
     "@telegraph/postcss-config": "^0.0.25",
     "@telegraph/prettier-config": "^0.0.7",
-    "@telegraph/vite-config": "^0.0.14",
+    "@telegraph/vite-config": "^0.0.15",
     "@types/react": "^18.3.18",
     "eslint": "^8.56.0",
     "react": "^18.3.1",

package/dist/css/textarea.css

@@ -1 +0,0 @@
-.tgph-1izsev00{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--tgph-gray-12);font-family:var(--tgph-font-sans);transition:border-color .15s cubic-bezier(.4,0,.2,1)}.tgph-1izsev00:hover{border-color:var(--tgph-gray-7)}.tgph-1izsev00:focus{border-color:var(--tgph-blue-8);outline:none}.tgph-1izsev00::-moz-placeholder{color:var(--tgph-gray-10)}.tgph-1izsev00::placeholder{color:var(--tgph-gray-10)}.tgph-1izsev02{font-size:var(--tgph-text-1);line-height:var(--tgph-leading-1);letter-spacing:var(--tgph-tracking-1)}.tgph-1izsev03{font-size:var(--tgph-text-2);line-height:var(--tgph-leading-2);letter-spacing:var(--tgph-tracking-2)}.tgph-1izsev04{font-size:var(--tgph-text-3);line-height:var(--tgph-leading-3);letter-spacing:var(--tgph-tracking-3)}.tgph-1izsev06{cursor:not-allowed}.tgph-1izsev06:hover{border-color:var(--tgph-gray-2)}.tgph-1izsev06:focus{border-color:var(--tgph-gray-2)}.tgph-1izsev07:hover{border-color:var(--tgph-red-6)}.tgph-1izsev07:focus{border-color:var(--tgph-red-8)}.tgph-1izsev08{resize:both}.tgph-1izsev09{resize:vertical}.tgph-1izsev0a{resize:horizontal}.tgph-1izsev0b,.tgph-1izsev0d{resize:none}

package/dist/types/TextArea/TextArea.css.d.ts

@@ -1,61 +0,0 @@
-export declare const baseStyles: string;
-export declare const variants: import('@vanilla-extract/recipes').RuntimeFn<{
-    size: {
-        "1": {
-            fontSize: "var(--tgph-text-1)";
-            lineHeight: "var(--tgph-leading-1)";
-            letterSpacing: "var(--tgph-tracking-1)";
-        };
-        "2": {
-            fontSize: "var(--tgph-text-2)";
-            lineHeight: "var(--tgph-leading-2)";
-            letterSpacing: "var(--tgph-tracking-2)";
-        };
-        "3": {
-            fontSize: "var(--tgph-text-3)";
-            lineHeight: "var(--tgph-leading-3)";
-            letterSpacing: "var(--tgph-tracking-3)";
-        };
-    };
-    state: {
-        default: {};
-        disabled: {
-            cursor: "not-allowed";
-            ":hover": {
-                borderColor: "var(--tgph-gray-2)";
-            };
-            ":focus": {
-                borderColor: "var(--tgph-gray-2)";
-            };
-        };
-        error: {
-            ":hover": {
-                borderColor: "var(--tgph-red-6)";
-            };
-            ":focus": {
-                borderColor: "var(--tgph-red-8)";
-            };
-        };
-    };
-    resize: {
-        both: {
-            resize: "both";
-        };
-        vertical: {
-            resize: "vertical";
-        };
-        horizontal: {
-            resize: "horizontal";
-        };
-        none: {
-            resize: "none";
-        };
-    };
-    variant: {
-        outline: {};
-        ghost: {
-            resize: "none";
-        };
-    };
-}>;
-//# sourceMappingURL=TextArea.css.d.ts.map

package/dist/types/TextArea/TextArea.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.css.d.ts","sourceRoot":"","sources":["../../../src/TextArea/TextArea.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAerB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DnB,CAAC"}