feat: Fluent UI Outlook Lite + connections mockup

node_modules/@griffel/core/shorthands/border.cjs.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var borderWidth = require('./borderWidth.cjs.js');
+var borderStyle = require('./borderStyle.cjs.js');
+var borderColor = require('./borderColor.cjs.js');
+var utils = require('./utils.cjs.js');
+
+/**
+ * A function that implements expansion for "border" to all sides of an element, it's simplified - check usage examples.
+ *
+ * @example
+ *  border('2px')
+ *  border('solid')
+ *  border('2px', 'solid')
+ *  border('solid', '2px')
+ *  border('2px', 'solid', 'red')
+ *  border('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border
+ *
+ * @deprecated Just use `{ border: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function border(...values) {
+  if (utils.isBorderStyle(values[0])) {
+    return Object.assign({}, borderStyle.borderStyle(values[0]), values[1] && borderWidth.borderWidth(values[1]), values[2] && borderColor.borderColor(values[2]));
+  }
+  return Object.assign({}, borderWidth.borderWidth(values[0]), values[1] && borderStyle.borderStyle(values[1]), values[2] && borderColor.borderColor(values[2]));
+}
+
+exports.border = border;
+//# sourceMappingURL=border.cjs.js.map

node_modules/@griffel/core/shorthands/border.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.cjs.js","sources":["../../../../packages/core/src/shorthands/border.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { borderWidth } from './borderWidth';\nimport { borderStyle } from './borderStyle';\nimport { borderColor } from './borderColor';\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderStyle = Pick<\n  GriffelStyle,\n  | 'borderTopColor'\n  | 'borderTopStyle'\n  | 'borderTopWidth'\n  | 'borderRightColor'\n  | 'borderRightStyle'\n  | 'borderRightWidth'\n  | 'borderBottomColor'\n  | 'borderBottomStyle'\n  | 'borderBottomWidth'\n  | 'borderLeftColor'\n  | 'borderLeftStyle'\n  | 'borderLeftWidth'\n>;\n\n/** @deprecated Use `{ border: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function border(width: BorderWidthInput): BorderStyle;\n/** @deprecated Use `{ border: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function border(width: BorderWidthInput, style: BorderStyleInput): BorderStyle;\n/** @deprecated Use `{ border: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function border(width: BorderWidthInput, style: BorderStyleInput, color: BorderColorInput): BorderStyle;\n\n/**\n * A function that implements expansion for \"border\" to all sides of an element, it's simplified - check usage examples.\n *\n * @example\n *  border('2px')\n *  border('solid')\n *  border('2px', 'solid')\n *  border('solid', '2px')\n *  border('2px', 'solid', 'red')\n *  border('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border\n *\n * @deprecated Just use `{ border: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function border(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      ...borderStyle(values[0]),\n      ...(values[1] && borderWidth(values[1])),\n      ...(values[2] && borderColor(values[2])),\n    };\n  }\n\n  return {\n    ...borderWidth(values[0]),\n    ...(values[1] && borderStyle(values[1] as BorderStyleInput)),\n    ...(values[2] && borderColor(values[2])),\n  };\n}\n"],"names":["border","values","isBorderStyle","Object","assign","borderStyle","borderWidth","borderColor"],"mappings":";;;;;;;AA+BA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,MAAMA,CACpB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,mBAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;AAC5B,IAAA,OAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EACKC,uBAAW,CAACJ,MAAM,CAAC,CAAC,CAAC,CAAC,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAIK,uBAAW,CAACL,MAAM,CAAC,CAAC,CAAC,CAAC,EACnCA,MAAM,CAAC,CAAC,CAAC,IAAIM,uBAAW,CAACN,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3C,EAAA;AAEA,EAAA,OAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EACKE,uBAAW,CAACL,MAAM,CAAC,CAAC,CAAC,CAAC,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAII,uBAAW,CAACJ,MAAM,CAAC,CAAC,CAAqB,CAAC,EACvDA,MAAM,CAAC,CAAC,CAAC,IAAIM,uBAAW,CAACN,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3C;;;;"}

node_modules/@griffel/core/shorthands/border.esm.js

@@ -0,0 +1,29 @@
+import { borderWidth } from './borderWidth.esm.js';
+import { borderStyle } from './borderStyle.esm.js';
+import { borderColor } from './borderColor.esm.js';
+import { isBorderStyle } from './utils.esm.js';
+
+/**
+ * A function that implements expansion for "border" to all sides of an element, it's simplified - check usage examples.
+ *
+ * @example
+ *  border('2px')
+ *  border('solid')
+ *  border('2px', 'solid')
+ *  border('solid', '2px')
+ *  border('2px', 'solid', 'red')
+ *  border('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border
+ *
+ * @deprecated Just use `{ border: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function border(...values) {
+  if (isBorderStyle(values[0])) {
+    return Object.assign({}, borderStyle(values[0]), values[1] && borderWidth(values[1]), values[2] && borderColor(values[2]));
+  }
+  return Object.assign({}, borderWidth(values[0]), values[1] && borderStyle(values[1]), values[2] && borderColor(values[2]));
+}
+
+export { border };
+//# sourceMappingURL=border.esm.js.map

node_modules/@griffel/core/shorthands/border.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.esm.js","sources":["../../../../packages/core/src/shorthands/border.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { borderWidth } from './borderWidth';\nimport { borderStyle } from './borderStyle';\nimport { borderColor } from './borderColor';\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderStyle = Pick<\n  GriffelStyle,\n  | 'borderTopColor'\n  | 'borderTopStyle'\n  | 'borderTopWidth'\n  | 'borderRightColor'\n  | 'borderRightStyle'\n  | 'borderRightWidth'\n  | 'borderBottomColor'\n  | 'borderBottomStyle'\n  | 'borderBottomWidth'\n  | 'borderLeftColor'\n  | 'borderLeftStyle'\n  | 'borderLeftWidth'\n>;\n\n/** @deprecated Use `{ border: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function border(width: BorderWidthInput): BorderStyle;\n/** @deprecated Use `{ border: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function border(width: BorderWidthInput, style: BorderStyleInput): BorderStyle;\n/** @deprecated Use `{ border: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function border(width: BorderWidthInput, style: BorderStyleInput, color: BorderColorInput): BorderStyle;\n\n/**\n * A function that implements expansion for \"border\" to all sides of an element, it's simplified - check usage examples.\n *\n * @example\n *  border('2px')\n *  border('solid')\n *  border('2px', 'solid')\n *  border('solid', '2px')\n *  border('2px', 'solid', 'red')\n *  border('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border\n *\n * @deprecated Just use `{ border: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function border(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      ...borderStyle(values[0]),\n      ...(values[1] && borderWidth(values[1])),\n      ...(values[2] && borderColor(values[2])),\n    };\n  }\n\n  return {\n    ...borderWidth(values[0]),\n    ...(values[1] && borderStyle(values[1] as BorderStyleInput)),\n    ...(values[2] && borderColor(values[2])),\n  };\n}\n"],"names":["border","values","isBorderStyle","Object","assign","borderStyle","borderWidth","borderColor"],"mappings":";;;;;AA+BA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,MAAMA,CACpB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,aAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;AAC5B,IAAA,OAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EACKC,WAAW,CAACJ,MAAM,CAAC,CAAC,CAAC,CAAC,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAIK,WAAW,CAACL,MAAM,CAAC,CAAC,CAAC,CAAC,EACnCA,MAAM,CAAC,CAAC,CAAC,IAAIM,WAAW,CAACN,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3C,EAAA;AAEA,EAAA,OAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EACKE,WAAW,CAACL,MAAM,CAAC,CAAC,CAAC,CAAC,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAII,WAAW,CAACJ,MAAM,CAAC,CAAC,CAAqB,CAAC,EACvDA,MAAM,CAAC,CAAC,CAAC,IAAIM,WAAW,CAACN,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3C;;;;"}

node_modules/@griffel/core/shorthands/borderBottom.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var utils = require('./utils.cjs.js');
+
+/**
+ * A function that implements expansion for "border-Bottom", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderBottom('2px')
+ *  borderBottom('solid')
+ *  borderBottom('2px', 'solid')
+ *  borderBottom('solid', '2px')
+ *  borderBottom('2px', 'solid', 'red')
+ *  borderBottom('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom
+ *
+ * @deprecated Just use `{ borderBottom: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderBottom(...values) {
+  if (utils.isBorderStyle(values[0])) {
+    return Object.assign({
+      borderBottomStyle: values[0]
+    }, values[1] && {
+      borderBottomWidth: values[1]
+    }, values[2] && {
+      borderBottomColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderBottomWidth: values[0]
+  }, values[1] && {
+    borderBottomStyle: values[1]
+  }, values[2] && {
+    borderBottomColor: values[2]
+  });
+}
+
+exports.borderBottom = borderBottom;
+//# sourceMappingURL=borderBottom.cjs.js.map

node_modules/@griffel/core/shorthands/borderBottom.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderBottom.cjs.js","sources":["../../../../packages/core/src/shorthands/borderBottom.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderBottomStyle = Pick<GriffelStyle, 'borderBottomColor' | 'borderBottomStyle' | 'borderBottomWidth'>;\n\n/** @deprecated Use `{ borderBottom: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(width: BorderWidthInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(style: BorderStyleInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(width: BorderWidthInput, style: BorderStyleInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(style: BorderStyleInput, width: BorderWidthInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(\n  width: BorderWidthInput,\n  style: BorderStyleInput,\n  color: BorderColorInput,\n): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(\n  style: BorderStyleInput,\n  width: BorderWidthInput,\n  color: BorderColorInput,\n): BorderBottomStyle;\n\n/**\n * A function that implements expansion for \"border-Bottom\", it's simplified - check usage examples.\n *\n * @example\n *  borderBottom('2px')\n *  borderBottom('solid')\n *  borderBottom('2px', 'solid')\n *  borderBottom('solid', '2px')\n *  borderBottom('2px', 'solid', 'red')\n *  borderBottom('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom\n *\n * @deprecated Just use `{ borderBottom: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderBottom(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderBottomStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderBottomStyle: values[0],\n      ...(values[1] && ({ borderBottomWidth: values[1] } as BorderBottomStyle)),\n      ...(values[2] && { borderBottomColor: values[2] }),\n    };\n  }\n\n  return {\n    borderBottomWidth: values[0],\n    ...(values[1] && ({ borderBottomStyle: values[1] } as BorderBottomStyle)),\n    ...(values[2] && { borderBottomColor: values[2] }),\n  };\n}\n"],"names":["borderBottom","values","isBorderStyle","Object","assign","borderBottomStyle","borderBottomWidth","borderBottomColor"],"mappings":";;;;AA4BA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,YAAYA,CAC1B,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,mBAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,iBAAiB,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACxBA,MAAM,CAAC,CAAC,CAAC,IAAK;MAAEK,iBAAiB,EAAEL,MAAM,CAAC,CAAC;KAAyB,EACpEA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,iBAAiB,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAErD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,iBAAiB,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACxBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,iBAAiB,EAAEJ,MAAM,CAAC,CAAC;GAAyB,EACpEA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,iBAAiB,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAErD;;;;"}

node_modules/@griffel/core/shorthands/borderBottom.esm.js

@@ -0,0 +1,38 @@
+import { isBorderStyle } from './utils.esm.js';
+
+/**
+ * A function that implements expansion for "border-Bottom", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderBottom('2px')
+ *  borderBottom('solid')
+ *  borderBottom('2px', 'solid')
+ *  borderBottom('solid', '2px')
+ *  borderBottom('2px', 'solid', 'red')
+ *  borderBottom('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom
+ *
+ * @deprecated Just use `{ borderBottom: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderBottom(...values) {
+  if (isBorderStyle(values[0])) {
+    return Object.assign({
+      borderBottomStyle: values[0]
+    }, values[1] && {
+      borderBottomWidth: values[1]
+    }, values[2] && {
+      borderBottomColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderBottomWidth: values[0]
+  }, values[1] && {
+    borderBottomStyle: values[1]
+  }, values[2] && {
+    borderBottomColor: values[2]
+  });
+}
+
+export { borderBottom };
+//# sourceMappingURL=borderBottom.esm.js.map

node_modules/@griffel/core/shorthands/borderBottom.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderBottom.esm.js","sources":["../../../../packages/core/src/shorthands/borderBottom.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderBottomStyle = Pick<GriffelStyle, 'borderBottomColor' | 'borderBottomStyle' | 'borderBottomWidth'>;\n\n/** @deprecated Use `{ borderBottom: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(width: BorderWidthInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(style: BorderStyleInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(width: BorderWidthInput, style: BorderStyleInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(style: BorderStyleInput, width: BorderWidthInput): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(\n  width: BorderWidthInput,\n  style: BorderStyleInput,\n  color: BorderColorInput,\n): BorderBottomStyle;\n/** @deprecated Use `{ borderBottom: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderBottom(\n  style: BorderStyleInput,\n  width: BorderWidthInput,\n  color: BorderColorInput,\n): BorderBottomStyle;\n\n/**\n * A function that implements expansion for \"border-Bottom\", it's simplified - check usage examples.\n *\n * @example\n *  borderBottom('2px')\n *  borderBottom('solid')\n *  borderBottom('2px', 'solid')\n *  borderBottom('solid', '2px')\n *  borderBottom('2px', 'solid', 'red')\n *  borderBottom('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom\n *\n * @deprecated Just use `{ borderBottom: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderBottom(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderBottomStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderBottomStyle: values[0],\n      ...(values[1] && ({ borderBottomWidth: values[1] } as BorderBottomStyle)),\n      ...(values[2] && { borderBottomColor: values[2] }),\n    };\n  }\n\n  return {\n    borderBottomWidth: values[0],\n    ...(values[1] && ({ borderBottomStyle: values[1] } as BorderBottomStyle)),\n    ...(values[2] && { borderBottomColor: values[2] }),\n  };\n}\n"],"names":["borderBottom","values","isBorderStyle","Object","assign","borderBottomStyle","borderBottomWidth","borderBottomColor"],"mappings":";;AA4BA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,YAAYA,CAC1B,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,aAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,iBAAiB,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACxBA,MAAM,CAAC,CAAC,CAAC,IAAK;MAAEK,iBAAiB,EAAEL,MAAM,CAAC,CAAC;KAAyB,EACpEA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,iBAAiB,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAErD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,iBAAiB,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACxBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,iBAAiB,EAAEJ,MAAM,CAAC,CAAC;GAAyB,EACpEA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,iBAAiB,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAErD;;;;"}

node_modules/@griffel/core/shorthands/borderColor.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var generateStyles = require('./generateStyles.cjs.js');
+
+/**
+ * A function that implements CSS spec conformant expansion for "borderColor"
+ *
+ * @example
+ *  borderColor('red')
+ *  borderColor('red', 'blue')
+ *  borderColor('red', 'blue', 'green')
+ *  borderColor('red', 'blue', 'green', 'yellow')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-color
+ */
+function borderColor(...values) {
+  return generateStyles.generateStyles('border', 'Color', ...values);
+}
+
+exports.borderColor = borderColor;
+//# sourceMappingURL=borderColor.cjs.js.map

node_modules/@griffel/core/shorthands/borderColor.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderColor.cjs.js","sources":["../../../../packages/core/src/shorthands/borderColor.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport { generateStyles } from './generateStyles';\nimport type { BorderColorInput } from './types';\n\ntype BorderColorStyle = Pick<\n  GriffelStyle,\n  'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'\n>;\n\nexport function borderColor(all: BorderColorInput): BorderColorStyle;\nexport function borderColor(vertical: BorderColorInput, horizontal: BorderColorInput): BorderColorStyle;\nexport function borderColor(\n  top: BorderColorInput,\n  horizontal: BorderColorInput,\n  bottom: BorderColorInput,\n): BorderColorStyle;\nexport function borderColor(\n  top: BorderColorInput,\n  right: BorderColorInput,\n  bottom: BorderColorInput,\n  left: BorderColorInput,\n): BorderColorStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderColor\"\n *\n * @example\n *  borderColor('red')\n *  borderColor('red', 'blue')\n *  borderColor('red', 'blue', 'green')\n *  borderColor('red', 'blue', 'green', 'yellow')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-color\n */\nexport function borderColor(...values: BorderColorInput[]): BorderColorStyle {\n  return generateStyles<BorderColorStyle>('border', 'Color', ...values);\n}\n"],"names":["borderColor","values","generateStyles"],"mappings":";;;;AAuBA;;;;;;;;;;AAUG;AACG,SAAUA,WAAWA,CAAC,GAAGC,MAA0B,EAAA;EACvD,OAAOC,6BAAc,CAAmB,QAAQ,EAAE,OAAO,EAAE,GAAGD,MAAM,CAAC;AACvE;;;;"}

node_modules/@griffel/core/shorthands/borderColor.esm.js

@@ -0,0 +1,19 @@
+import { generateStyles } from './generateStyles.esm.js';
+
+/**
+ * A function that implements CSS spec conformant expansion for "borderColor"
+ *
+ * @example
+ *  borderColor('red')
+ *  borderColor('red', 'blue')
+ *  borderColor('red', 'blue', 'green')
+ *  borderColor('red', 'blue', 'green', 'yellow')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-color
+ */
+function borderColor(...values) {
+  return generateStyles('border', 'Color', ...values);
+}
+
+export { borderColor };
+//# sourceMappingURL=borderColor.esm.js.map

node_modules/@griffel/core/shorthands/borderColor.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderColor.esm.js","sources":["../../../../packages/core/src/shorthands/borderColor.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport { generateStyles } from './generateStyles';\nimport type { BorderColorInput } from './types';\n\ntype BorderColorStyle = Pick<\n  GriffelStyle,\n  'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'\n>;\n\nexport function borderColor(all: BorderColorInput): BorderColorStyle;\nexport function borderColor(vertical: BorderColorInput, horizontal: BorderColorInput): BorderColorStyle;\nexport function borderColor(\n  top: BorderColorInput,\n  horizontal: BorderColorInput,\n  bottom: BorderColorInput,\n): BorderColorStyle;\nexport function borderColor(\n  top: BorderColorInput,\n  right: BorderColorInput,\n  bottom: BorderColorInput,\n  left: BorderColorInput,\n): BorderColorStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderColor\"\n *\n * @example\n *  borderColor('red')\n *  borderColor('red', 'blue')\n *  borderColor('red', 'blue', 'green')\n *  borderColor('red', 'blue', 'green', 'yellow')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-color\n */\nexport function borderColor(...values: BorderColorInput[]): BorderColorStyle {\n  return generateStyles<BorderColorStyle>('border', 'Color', ...values);\n}\n"],"names":["borderColor","values","generateStyles"],"mappings":";;AAuBA;;;;;;;;;;AAUG;AACG,SAAUA,WAAWA,CAAC,GAAGC,MAA0B,EAAA;EACvD,OAAOC,cAAc,CAAmB,QAAQ,EAAE,OAAO,EAAE,GAAGD,MAAM,CAAC;AACvE;;;;"}

node_modules/@griffel/core/shorthands/borderLeft.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var utils = require('./utils.cjs.js');
+
+/**
+ * A function that implements expansion for "border-left", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderLeft('2px')
+ *  borderLeft('solid')
+ *  borderLeft('2px', 'solid')
+ *  borderLeft('solid', '2px')
+ *  borderLeft('2px', 'solid', 'red')
+ *  borderLeft('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left
+ *
+ * @deprecated Just use `{ borderLeft: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderLeft(...values) {
+  if (utils.isBorderStyle(values[0])) {
+    return Object.assign({
+      borderLeftStyle: values[0]
+    }, values[1] && {
+      borderLeftWidth: values[1]
+    }, values[2] && {
+      borderLeftColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderLeftWidth: values[0]
+  }, values[1] && {
+    borderLeftStyle: values[1]
+  }, values[2] && {
+    borderLeftColor: values[2]
+  });
+}
+
+exports.borderLeft = borderLeft;
+//# sourceMappingURL=borderLeft.cjs.js.map

node_modules/@griffel/core/shorthands/borderLeft.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderLeft.cjs.js","sources":["../../../../packages/core/src/shorthands/borderLeft.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderLeftStyle = Pick<GriffelStyle, 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;\n\n/** @deprecated Use `{ borderLeft: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(width: BorderWidthInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(style: BorderStyleInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(width: BorderWidthInput, style: BorderStyleInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(style: BorderStyleInput, width: BorderWidthInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(width: BorderWidthInput, style: BorderStyleInput, color: BorderColorInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(style: BorderStyleInput, width: BorderWidthInput, color: BorderColorInput): BorderLeftStyle;\n\n/**\n * A function that implements expansion for \"border-left\", it's simplified - check usage examples.\n *\n * @example\n *  borderLeft('2px')\n *  borderLeft('solid')\n *  borderLeft('2px', 'solid')\n *  borderLeft('solid', '2px')\n *  borderLeft('2px', 'solid', 'red')\n *  borderLeft('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left\n *\n * @deprecated Just use `{ borderLeft: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderLeft(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderLeftStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderLeftStyle: values[0],\n      ...(values[1] && ({ borderLeftWidth: values[1] } as BorderLeftStyle)),\n      ...(values[2] && { borderLeftColor: values[2] }),\n    };\n  }\n\n  return {\n    borderLeftWidth: values[0],\n    ...(values[1] && ({ borderLeftStyle: values[1] } as BorderLeftStyle)),\n    ...(values[2] && { borderLeftColor: values[2] }),\n  };\n}\n"],"names":["borderLeft","values","isBorderStyle","Object","assign","borderLeftStyle","borderLeftWidth","borderLeftColor"],"mappings":";;;;AAoBA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,UAAUA,CACxB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,mBAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,eAAe,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACtBA,MAAM,CAAC,CAAC,CAAC,IAAK;MAAEK,eAAe,EAAEL,MAAM,CAAC,CAAC;KAAuB,EAChEA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,eAAe,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAEnD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,eAAe,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACtBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,eAAe,EAAEJ,MAAM,CAAC,CAAC;GAAuB,EAChEA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,eAAe,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAEnD;;;;"}

node_modules/@griffel/core/shorthands/borderLeft.esm.js

@@ -0,0 +1,38 @@
+import { isBorderStyle } from './utils.esm.js';
+
+/**
+ * A function that implements expansion for "border-left", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderLeft('2px')
+ *  borderLeft('solid')
+ *  borderLeft('2px', 'solid')
+ *  borderLeft('solid', '2px')
+ *  borderLeft('2px', 'solid', 'red')
+ *  borderLeft('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left
+ *
+ * @deprecated Just use `{ borderLeft: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderLeft(...values) {
+  if (isBorderStyle(values[0])) {
+    return Object.assign({
+      borderLeftStyle: values[0]
+    }, values[1] && {
+      borderLeftWidth: values[1]
+    }, values[2] && {
+      borderLeftColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderLeftWidth: values[0]
+  }, values[1] && {
+    borderLeftStyle: values[1]
+  }, values[2] && {
+    borderLeftColor: values[2]
+  });
+}
+
+export { borderLeft };
+//# sourceMappingURL=borderLeft.esm.js.map

node_modules/@griffel/core/shorthands/borderLeft.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderLeft.esm.js","sources":["../../../../packages/core/src/shorthands/borderLeft.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderLeftStyle = Pick<GriffelStyle, 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;\n\n/** @deprecated Use `{ borderLeft: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(width: BorderWidthInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(style: BorderStyleInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(width: BorderWidthInput, style: BorderStyleInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(style: BorderStyleInput, width: BorderWidthInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(width: BorderWidthInput, style: BorderStyleInput, color: BorderColorInput): BorderLeftStyle;\n/** @deprecated Use `{ borderLeft: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderLeft(style: BorderStyleInput, width: BorderWidthInput, color: BorderColorInput): BorderLeftStyle;\n\n/**\n * A function that implements expansion for \"border-left\", it's simplified - check usage examples.\n *\n * @example\n *  borderLeft('2px')\n *  borderLeft('solid')\n *  borderLeft('2px', 'solid')\n *  borderLeft('solid', '2px')\n *  borderLeft('2px', 'solid', 'red')\n *  borderLeft('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left\n *\n * @deprecated Just use `{ borderLeft: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderLeft(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderLeftStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderLeftStyle: values[0],\n      ...(values[1] && ({ borderLeftWidth: values[1] } as BorderLeftStyle)),\n      ...(values[2] && { borderLeftColor: values[2] }),\n    };\n  }\n\n  return {\n    borderLeftWidth: values[0],\n    ...(values[1] && ({ borderLeftStyle: values[1] } as BorderLeftStyle)),\n    ...(values[2] && { borderLeftColor: values[2] }),\n  };\n}\n"],"names":["borderLeft","values","isBorderStyle","Object","assign","borderLeftStyle","borderLeftWidth","borderLeftColor"],"mappings":";;AAoBA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,UAAUA,CACxB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,aAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,eAAe,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACtBA,MAAM,CAAC,CAAC,CAAC,IAAK;MAAEK,eAAe,EAAEL,MAAM,CAAC,CAAC;KAAuB,EAChEA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,eAAe,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAEnD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,eAAe,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACtBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,eAAe,EAAEJ,MAAM,CAAC,CAAC;GAAuB,EAChEA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,eAAe,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAEnD;;;;"}

node_modules/@griffel/core/shorthands/borderRadius.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "borderRadius". "/" is not supported, please use CSS
+ * longhands directly.
+ *
+ * @example
+ *   borderRadius('10px')
+ *   borderRadius('10px', '5%')
+ *   borderRadius('2px', '4px', '8px')
+ *   borderRadius('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
+ *
+ * @deprecated Just use `{ borderRadius: '10px 5% 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function borderRadius(value1, value2 = value1, value3 = value1, value4 = value2) {
+  return {
+    borderBottomRightRadius: value3,
+    borderBottomLeftRadius: value4,
+    borderTopRightRadius: value2,
+    borderTopLeftRadius: value1
+  };
+}
+
+exports.borderRadius = borderRadius;
+//# sourceMappingURL=borderRadius.cjs.js.map

node_modules/@griffel/core/shorthands/borderRadius.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRadius.cjs.js","sources":["../../../../packages/core/src/shorthands/borderRadius.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { BorderRadiusInput } from './types';\n\ntype BorderRadiusStyle = Pick<\n  GriffelStyle,\n  'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopRightRadius' | 'borderTopLeftRadius'\n>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderRadius\". \"/\" is not supported, please use CSS\n * longhands directly.\n *\n * @example\n *   borderRadius('10px')\n *   borderRadius('10px', '5%')\n *   borderRadius('2px', '4px', '8px')\n *   borderRadius('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius\n *\n * @deprecated Just use `{ borderRadius: '10px 5% 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderRadius(\n  value1: BorderRadiusInput,\n  value2: BorderRadiusInput = value1,\n  value3: BorderRadiusInput = value1,\n  value4: BorderRadiusInput = value2,\n): BorderRadiusStyle {\n  return {\n    borderBottomRightRadius: value3,\n    borderBottomLeftRadius: value4,\n    borderTopRightRadius: value2,\n    borderTopLeftRadius: value1,\n  };\n}\n"],"names":["borderRadius","value1","value2","value3","value4","borderBottomRightRadius","borderBottomLeftRadius","borderTopRightRadius","borderTopLeftRadius"],"mappings":";;AAQA;;;;;;;;;;;;;AAaG;AACG,SAAUA,YAAYA,CAC1BC,MAAyB,EACzBC,MAAA,GAA4BD,MAAM,EAClCE,MAAA,GAA4BF,MAAM,EAClCG,MAAA,GAA4BF,MAAM,EAAA;EAElC,OAAO;AACLG,IAAAA,uBAAuB,EAAEF,MAAM;AAC/BG,IAAAA,sBAAsB,EAAEF,MAAM;AAC9BG,IAAAA,oBAAoB,EAAEL,MAAM;AAC5BM,IAAAA,mBAAmB,EAAEP;GACtB;AACH;;;;"}

node_modules/@griffel/core/shorthands/borderRadius.esm.js

@@ -0,0 +1,25 @@
+/**
+ * A function that implements CSS spec conformant expansion for "borderRadius". "/" is not supported, please use CSS
+ * longhands directly.
+ *
+ * @example
+ *   borderRadius('10px')
+ *   borderRadius('10px', '5%')
+ *   borderRadius('2px', '4px', '8px')
+ *   borderRadius('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
+ *
+ * @deprecated Just use `{ borderRadius: '10px 5% 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function borderRadius(value1, value2 = value1, value3 = value1, value4 = value2) {
+  return {
+    borderBottomRightRadius: value3,
+    borderBottomLeftRadius: value4,
+    borderTopRightRadius: value2,
+    borderTopLeftRadius: value1
+  };
+}
+
+export { borderRadius };
+//# sourceMappingURL=borderRadius.esm.js.map

node_modules/@griffel/core/shorthands/borderRadius.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRadius.esm.js","sources":["../../../../packages/core/src/shorthands/borderRadius.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { BorderRadiusInput } from './types';\n\ntype BorderRadiusStyle = Pick<\n  GriffelStyle,\n  'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopRightRadius' | 'borderTopLeftRadius'\n>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderRadius\". \"/\" is not supported, please use CSS\n * longhands directly.\n *\n * @example\n *   borderRadius('10px')\n *   borderRadius('10px', '5%')\n *   borderRadius('2px', '4px', '8px')\n *   borderRadius('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius\n *\n * @deprecated Just use `{ borderRadius: '10px 5% 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderRadius(\n  value1: BorderRadiusInput,\n  value2: BorderRadiusInput = value1,\n  value3: BorderRadiusInput = value1,\n  value4: BorderRadiusInput = value2,\n): BorderRadiusStyle {\n  return {\n    borderBottomRightRadius: value3,\n    borderBottomLeftRadius: value4,\n    borderTopRightRadius: value2,\n    borderTopLeftRadius: value1,\n  };\n}\n"],"names":["borderRadius","value1","value2","value3","value4","borderBottomRightRadius","borderBottomLeftRadius","borderTopRightRadius","borderTopLeftRadius"],"mappings":"AAQA;;;;;;;;;;;;;AAaG;AACG,SAAUA,YAAYA,CAC1BC,MAAyB,EACzBC,MAAA,GAA4BD,MAAM,EAClCE,MAAA,GAA4BF,MAAM,EAClCG,MAAA,GAA4BF,MAAM,EAAA;EAElC,OAAO;AACLG,IAAAA,uBAAuB,EAAEF,MAAM;AAC/BG,IAAAA,sBAAsB,EAAEF,MAAM;AAC9BG,IAAAA,oBAAoB,EAAEL,MAAM;AAC5BM,IAAAA,mBAAmB,EAAEP;GACtB;AACH;;;;"}

node_modules/@griffel/core/shorthands/borderRight.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var utils = require('./utils.cjs.js');
+
+/**
+ * A function that implements expansion for "border-right", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderRight('2px')
+ *  borderRight('solid')
+ *  borderRight('2px', 'solid')
+ *  borderRight('solid', '2px')
+ *  borderRight('2px', 'solid', 'red')
+ *  borderRight('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right
+ *
+ * @deprecated Just use `{ borderRight: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderRight(...values) {
+  if (utils.isBorderStyle(values[0])) {
+    return Object.assign({
+      borderRightStyle: values[0]
+    }, values[1] && {
+      borderRightWidth: values[1]
+    }, values[2] && {
+      borderRightColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderRightWidth: values[0]
+  }, values[1] && {
+    borderRightStyle: values[1]
+  }, values[2] && {
+    borderRightColor: values[2]
+  });
+}
+
+exports.borderRight = borderRight;
+//# sourceMappingURL=borderRight.cjs.js.map

node_modules/@griffel/core/shorthands/borderRight.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRight.cjs.js","sources":["../../../../packages/core/src/shorthands/borderRight.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderRightStyle = Pick<GriffelStyle, 'borderRightWidth' | 'borderRightStyle' | 'borderRightColor'>;\n\n/** @deprecated Use `{ borderRight: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(width: BorderWidthInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(style: BorderStyleInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(width: BorderWidthInput, style: BorderStyleInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(style: BorderStyleInput, width: BorderWidthInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(\n  width: BorderWidthInput,\n  style: BorderStyleInput,\n  color: BorderColorInput,\n): BorderRightStyle;\n/** @deprecated Use `{ borderRight: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(\n  style: BorderStyleInput,\n  width: BorderWidthInput,\n  color: BorderColorInput,\n): BorderRightStyle;\n\n/**\n * A function that implements expansion for \"border-right\", it's simplified - check usage examples.\n *\n * @example\n *  borderRight('2px')\n *  borderRight('solid')\n *  borderRight('2px', 'solid')\n *  borderRight('solid', '2px')\n *  borderRight('2px', 'solid', 'red')\n *  borderRight('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right\n *\n * @deprecated Just use `{ borderRight: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderRight(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderRightStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderRightStyle: values[0],\n      ...(values[1] && { borderRightWidth: values[1] }),\n      ...(values[2] && { borderRightColor: values[2] }),\n    };\n  }\n\n  return {\n    borderRightWidth: values[0],\n    ...(values[1] && ({ borderRightStyle: values[1] } as BorderRightStyle)),\n    ...(values[2] && { borderRightColor: values[2] }),\n  };\n}\n"],"names":["borderRight","values","isBorderStyle","Object","assign","borderRightStyle","borderRightWidth","borderRightColor"],"mappings":";;;;AA4BA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,WAAWA,CACzB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,mBAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,gBAAgB,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACvBA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEK,gBAAgB,EAAEL,MAAM,CAAC,CAAC;KAAG,EAC5CA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,gBAAgB,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAEpD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,gBAAgB,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACvBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,gBAAgB,EAAEJ,MAAM,CAAC,CAAC;GAAwB,EAClEA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,gBAAgB,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAEpD;;;;"}

node_modules/@griffel/core/shorthands/borderRight.esm.js

@@ -0,0 +1,38 @@
+import { isBorderStyle } from './utils.esm.js';
+
+/**
+ * A function that implements expansion for "border-right", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderRight('2px')
+ *  borderRight('solid')
+ *  borderRight('2px', 'solid')
+ *  borderRight('solid', '2px')
+ *  borderRight('2px', 'solid', 'red')
+ *  borderRight('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right
+ *
+ * @deprecated Just use `{ borderRight: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderRight(...values) {
+  if (isBorderStyle(values[0])) {
+    return Object.assign({
+      borderRightStyle: values[0]
+    }, values[1] && {
+      borderRightWidth: values[1]
+    }, values[2] && {
+      borderRightColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderRightWidth: values[0]
+  }, values[1] && {
+    borderRightStyle: values[1]
+  }, values[2] && {
+    borderRightColor: values[2]
+  });
+}
+
+export { borderRight };
+//# sourceMappingURL=borderRight.esm.js.map

node_modules/@griffel/core/shorthands/borderRight.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRight.esm.js","sources":["../../../../packages/core/src/shorthands/borderRight.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderRightStyle = Pick<GriffelStyle, 'borderRightWidth' | 'borderRightStyle' | 'borderRightColor'>;\n\n/** @deprecated Use `{ borderRight: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(width: BorderWidthInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(style: BorderStyleInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(width: BorderWidthInput, style: BorderStyleInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(style: BorderStyleInput, width: BorderWidthInput): BorderRightStyle;\n/** @deprecated Use `{ borderRight: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(\n  width: BorderWidthInput,\n  style: BorderStyleInput,\n  color: BorderColorInput,\n): BorderRightStyle;\n/** @deprecated Use `{ borderRight: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderRight(\n  style: BorderStyleInput,\n  width: BorderWidthInput,\n  color: BorderColorInput,\n): BorderRightStyle;\n\n/**\n * A function that implements expansion for \"border-right\", it's simplified - check usage examples.\n *\n * @example\n *  borderRight('2px')\n *  borderRight('solid')\n *  borderRight('2px', 'solid')\n *  borderRight('solid', '2px')\n *  borderRight('2px', 'solid', 'red')\n *  borderRight('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right\n *\n * @deprecated Just use `{ borderRight: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderRight(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderRightStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderRightStyle: values[0],\n      ...(values[1] && { borderRightWidth: values[1] }),\n      ...(values[2] && { borderRightColor: values[2] }),\n    };\n  }\n\n  return {\n    borderRightWidth: values[0],\n    ...(values[1] && ({ borderRightStyle: values[1] } as BorderRightStyle)),\n    ...(values[2] && { borderRightColor: values[2] }),\n  };\n}\n"],"names":["borderRight","values","isBorderStyle","Object","assign","borderRightStyle","borderRightWidth","borderRightColor"],"mappings":";;AA4BA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,WAAWA,CACzB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,aAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,gBAAgB,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACvBA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEK,gBAAgB,EAAEL,MAAM,CAAC,CAAC;KAAG,EAC5CA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,gBAAgB,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAEpD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,gBAAgB,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACvBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,gBAAgB,EAAEJ,MAAM,CAAC,CAAC;GAAwB,EAClEA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,gBAAgB,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAEpD;;;;"}

node_modules/@griffel/core/shorthands/borderStyle.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var generateStyles = require('./generateStyles.cjs.js');
+
+/**
+ * A function that implements CSS spec conformant expansion for "borderStyle"
+ *
+ * @example
+ *  borderStyle('solid')
+ *  borderStyle('solid', 'dashed')
+ *  borderStyle('solid', 'dashed', 'dotted')
+ *  borderStyle('solid', 'dashed', 'dotted', 'double')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-style
+ */
+function borderStyle(...values) {
+  return generateStyles.generateStyles('border', 'Style', ...values);
+}
+
+exports.borderStyle = borderStyle;
+//# sourceMappingURL=borderStyle.cjs.js.map

node_modules/@griffel/core/shorthands/borderStyle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderStyle.cjs.js","sources":["../../../../packages/core/src/shorthands/borderStyle.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport { generateStyles } from './generateStyles';\nimport type { BorderStyleInput } from './types';\n\ntype BorderStyleStyle = Pick<\n  GriffelStyle,\n  'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'\n>;\n\nexport function borderStyle(all: BorderStyleInput): BorderStyleStyle;\nexport function borderStyle(vertical: BorderStyleInput, horizontal: BorderStyleInput): BorderStyleStyle;\nexport function borderStyle(\n  top: BorderStyleInput,\n  horizontal: BorderStyleInput,\n  bottom: BorderStyleInput,\n): BorderStyleStyle;\nexport function borderStyle(\n  top: BorderStyleInput,\n  right: BorderStyleInput,\n  bottom: BorderStyleInput,\n  left: BorderStyleInput,\n): BorderStyleStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderStyle\"\n *\n * @example\n *  borderStyle('solid')\n *  borderStyle('solid', 'dashed')\n *  borderStyle('solid', 'dashed', 'dotted')\n *  borderStyle('solid', 'dashed', 'dotted', 'double')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-style\n */\nexport function borderStyle(...values: BorderStyleInput[]): BorderStyleStyle {\n  return generateStyles<BorderStyleStyle>('border', 'Style', ...values);\n}\n"],"names":["borderStyle","values","generateStyles"],"mappings":";;;;AAuBA;;;;;;;;;;AAUG;AACG,SAAUA,WAAWA,CAAC,GAAGC,MAA0B,EAAA;EACvD,OAAOC,6BAAc,CAAmB,QAAQ,EAAE,OAAO,EAAE,GAAGD,MAAM,CAAC;AACvE;;;;"}

node_modules/@griffel/core/shorthands/borderStyle.esm.js

@@ -0,0 +1,19 @@
+import { generateStyles } from './generateStyles.esm.js';
+
+/**
+ * A function that implements CSS spec conformant expansion for "borderStyle"
+ *
+ * @example
+ *  borderStyle('solid')
+ *  borderStyle('solid', 'dashed')
+ *  borderStyle('solid', 'dashed', 'dotted')
+ *  borderStyle('solid', 'dashed', 'dotted', 'double')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-style
+ */
+function borderStyle(...values) {
+  return generateStyles('border', 'Style', ...values);
+}
+
+export { borderStyle };
+//# sourceMappingURL=borderStyle.esm.js.map

node_modules/@griffel/core/shorthands/borderStyle.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderStyle.esm.js","sources":["../../../../packages/core/src/shorthands/borderStyle.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport { generateStyles } from './generateStyles';\nimport type { BorderStyleInput } from './types';\n\ntype BorderStyleStyle = Pick<\n  GriffelStyle,\n  'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'\n>;\n\nexport function borderStyle(all: BorderStyleInput): BorderStyleStyle;\nexport function borderStyle(vertical: BorderStyleInput, horizontal: BorderStyleInput): BorderStyleStyle;\nexport function borderStyle(\n  top: BorderStyleInput,\n  horizontal: BorderStyleInput,\n  bottom: BorderStyleInput,\n): BorderStyleStyle;\nexport function borderStyle(\n  top: BorderStyleInput,\n  right: BorderStyleInput,\n  bottom: BorderStyleInput,\n  left: BorderStyleInput,\n): BorderStyleStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderStyle\"\n *\n * @example\n *  borderStyle('solid')\n *  borderStyle('solid', 'dashed')\n *  borderStyle('solid', 'dashed', 'dotted')\n *  borderStyle('solid', 'dashed', 'dotted', 'double')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-style\n */\nexport function borderStyle(...values: BorderStyleInput[]): BorderStyleStyle {\n  return generateStyles<BorderStyleStyle>('border', 'Style', ...values);\n}\n"],"names":["borderStyle","values","generateStyles"],"mappings":";;AAuBA;;;;;;;;;;AAUG;AACG,SAAUA,WAAWA,CAAC,GAAGC,MAA0B,EAAA;EACvD,OAAOC,cAAc,CAAmB,QAAQ,EAAE,OAAO,EAAE,GAAGD,MAAM,CAAC;AACvE;;;;"}

node_modules/@griffel/core/shorthands/borderTop.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var utils = require('./utils.cjs.js');
+
+/**
+ * A function that implements expansion for "border-Top", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderTop('2px')
+ *  borderTop('solid')
+ *  borderTop('2px', 'solid')
+ *  borderTop('solid', '2px')
+ *  borderTop('2px', 'solid', 'red')
+ *  borderTop('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top
+ *
+ * @deprecated Just use `{ borderTop: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderTop(...values) {
+  if (utils.isBorderStyle(values[0])) {
+    return Object.assign({
+      borderTopStyle: values[0]
+    }, values[1] && {
+      borderTopWidth: values[1]
+    }, values[2] && {
+      borderTopColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderTopWidth: values[0]
+  }, values[1] && {
+    borderTopStyle: values[1]
+  }, values[2] && {
+    borderTopColor: values[2]
+  });
+}
+
+exports.borderTop = borderTop;
+//# sourceMappingURL=borderTop.cjs.js.map

node_modules/@griffel/core/shorthands/borderTop.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderTop.cjs.js","sources":["../../../../packages/core/src/shorthands/borderTop.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderTopStyle = Pick<GriffelStyle, 'borderTopColor' | 'borderTopStyle' | 'borderTopWidth'>;\n\n/** @deprecated Use `{ borderTop: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(width: BorderWidthInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(style: BorderStyleInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(width: BorderWidthInput, style: BorderStyleInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(style: BorderStyleInput, width: BorderWidthInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(width: BorderWidthInput, style: BorderStyleInput, color: BorderColorInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(style: BorderStyleInput, width: BorderWidthInput, color: BorderColorInput): BorderTopStyle;\n\n/**\n * A function that implements expansion for \"border-Top\", it's simplified - check usage examples.\n *\n * @example\n *  borderTop('2px')\n *  borderTop('solid')\n *  borderTop('2px', 'solid')\n *  borderTop('solid', '2px')\n *  borderTop('2px', 'solid', 'red')\n *  borderTop('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top\n *\n * @deprecated Just use `{ borderTop: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderTop(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderTopStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderTopStyle: values[0],\n      ...(values[1] && ({ borderTopWidth: values[1] } as BorderTopStyle)),\n      ...(values[2] && { borderTopColor: values[2] }),\n    };\n  }\n\n  return {\n    borderTopWidth: values[0],\n    ...(values[1] && ({ borderTopStyle: values[1] } as BorderTopStyle)),\n    ...(values[2] && { borderTopColor: values[2] }),\n  };\n}\n"],"names":["borderTop","values","isBorderStyle","Object","assign","borderTopStyle","borderTopWidth","borderTopColor"],"mappings":";;;;AAoBA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,SAASA,CACvB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,mBAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,cAAc,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAK;MAAEK,cAAc,EAAEL,MAAM,CAAC,CAAC;KAAsB,EAC9DA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,cAAc,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAElD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,cAAc,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,cAAc,EAAEJ,MAAM,CAAC,CAAC;GAAsB,EAC9DA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,cAAc,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAElD;;;;"}

node_modules/@griffel/core/shorthands/borderTop.esm.js

@@ -0,0 +1,38 @@
+import { isBorderStyle } from './utils.esm.js';
+
+/**
+ * A function that implements expansion for "border-Top", it's simplified - check usage examples.
+ *
+ * @example
+ *  borderTop('2px')
+ *  borderTop('solid')
+ *  borderTop('2px', 'solid')
+ *  borderTop('solid', '2px')
+ *  borderTop('2px', 'solid', 'red')
+ *  borderTop('solid', '2px', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top
+ *
+ * @deprecated Just use `{ borderTop: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function borderTop(...values) {
+  if (isBorderStyle(values[0])) {
+    return Object.assign({
+      borderTopStyle: values[0]
+    }, values[1] && {
+      borderTopWidth: values[1]
+    }, values[2] && {
+      borderTopColor: values[2]
+    });
+  }
+  return Object.assign({
+    borderTopWidth: values[0]
+  }, values[1] && {
+    borderTopStyle: values[1]
+  }, values[2] && {
+    borderTopColor: values[2]
+  });
+}
+
+export { borderTop };
+//# sourceMappingURL=borderTop.esm.js.map

node_modules/@griffel/core/shorthands/borderTop.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderTop.esm.js","sources":["../../../../packages/core/src/shorthands/borderTop.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport type { BorderColorInput, BorderStyleInput, BorderWidthInput } from './types';\nimport { isBorderStyle } from './utils';\n\ntype BorderTopStyle = Pick<GriffelStyle, 'borderTopColor' | 'borderTopStyle' | 'borderTopWidth'>;\n\n/** @deprecated Use `{ borderTop: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(width: BorderWidthInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: 'solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(style: BorderStyleInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(width: BorderWidthInput, style: BorderStyleInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: 'solid 2px' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(style: BorderStyleInput, width: BorderWidthInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(width: BorderWidthInput, style: BorderStyleInput, color: BorderColorInput): BorderTopStyle;\n/** @deprecated Use `{ borderTop: 'solid 2px red' }` instead as Griffel supports CSS shorthands now */\nexport function borderTop(style: BorderStyleInput, width: BorderWidthInput, color: BorderColorInput): BorderTopStyle;\n\n/**\n * A function that implements expansion for \"border-Top\", it's simplified - check usage examples.\n *\n * @example\n *  borderTop('2px')\n *  borderTop('solid')\n *  borderTop('2px', 'solid')\n *  borderTop('solid', '2px')\n *  borderTop('2px', 'solid', 'red')\n *  borderTop('solid', '2px', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top\n *\n * @deprecated Just use `{ borderTop: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function borderTop(\n  ...values: [BorderWidthInput | BorderStyleInput, (BorderWidthInput | BorderStyleInput)?, BorderColorInput?]\n): BorderTopStyle {\n  if (isBorderStyle(values[0])) {\n    return {\n      borderTopStyle: values[0],\n      ...(values[1] && ({ borderTopWidth: values[1] } as BorderTopStyle)),\n      ...(values[2] && { borderTopColor: values[2] }),\n    };\n  }\n\n  return {\n    borderTopWidth: values[0],\n    ...(values[1] && ({ borderTopStyle: values[1] } as BorderTopStyle)),\n    ...(values[2] && { borderTopColor: values[2] }),\n  };\n}\n"],"names":["borderTop","values","isBorderStyle","Object","assign","borderTopStyle","borderTopWidth","borderTopColor"],"mappings":";;AAoBA;;;;;;;;;;;;;;AAcG;AACG,SAAUA,SAASA,CACvB,GAAGC,MAAwG,EAAA;AAE3G,EAAA,IAAIC,aAAa,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAAE,MAAA,CAAAC,MAAA,CAAA;MACEC,cAAc,EAAEJ,MAAM,CAAC,CAAC;AAAC,KAAA,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAK;MAAEK,cAAc,EAAEL,MAAM,CAAC,CAAC;KAAsB,EAC9DA,MAAM,CAAC,CAAC,CAAC,IAAI;MAAEM,cAAc,EAAEN,MAAM,CAAC,CAAC;KAAG,CAAA;AAElD,EAAA;EAEA,OAAAE,MAAA,CAAAC,MAAA,CAAA;IACEE,cAAc,EAAEL,MAAM,CAAC,CAAC;AAAC,GAAA,EACrBA,MAAM,CAAC,CAAC,CAAC,IAAK;IAAEI,cAAc,EAAEJ,MAAM,CAAC,CAAC;GAAsB,EAC9DA,MAAM,CAAC,CAAC,CAAC,IAAI;IAAEM,cAAc,EAAEN,MAAM,CAAC,CAAC;GAAG,CAAA;AAElD;;;;"}

node_modules/@griffel/core/shorthands/borderWidth.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var generateStyles = require('./generateStyles.cjs.js');
+
+/**
+ * A function that implements CSS spec conformant expansion for "borderWidth"
+ *
+ * @example
+ *   borderWidth('10px')
+ *   borderWidth('10px', '5px')
+ *   borderWidth('2px', '4px', '8px')
+ *   borderWidth('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width
+ */
+function borderWidth(...values) {
+  return generateStyles.generateStyles('border', 'Width', ...values);
+}
+
+exports.borderWidth = borderWidth;
+//# sourceMappingURL=borderWidth.cjs.js.map

node_modules/@griffel/core/shorthands/borderWidth.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderWidth.cjs.js","sources":["../../../../packages/core/src/shorthands/borderWidth.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { generateStyles } from './generateStyles';\nimport type { BorderWidthInput } from './types';\n\ntype BorderWidthStyle = Pick<\n  GriffelStyle,\n  'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'\n>;\n\nexport function borderWidth(all: BorderWidthInput): BorderWidthStyle;\nexport function borderWidth(vertical: BorderWidthInput, horizontal: BorderWidthInput): BorderWidthStyle;\nexport function borderWidth(\n  top: BorderWidthInput,\n  horizontal: BorderWidthInput,\n  bottom: BorderWidthInput,\n): BorderWidthStyle;\nexport function borderWidth(\n  top: BorderWidthInput,\n  right: BorderWidthInput,\n  bottom: BorderWidthInput,\n  left: BorderWidthInput,\n): BorderWidthStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderWidth\"\n *\n * @example\n *   borderWidth('10px')\n *   borderWidth('10px', '5px')\n *   borderWidth('2px', '4px', '8px')\n *   borderWidth('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width\n */\nexport function borderWidth(...values: BorderWidthInput[]): BorderWidthStyle {\n  return generateStyles<BorderWidthStyle>('border', 'Width', ...values);\n}\n"],"names":["borderWidth","values","generateStyles"],"mappings":";;;;AAwBA;;;;;;;;;;AAUG;AACG,SAAUA,WAAWA,CAAC,GAAGC,MAA0B,EAAA;EACvD,OAAOC,6BAAc,CAAmB,QAAQ,EAAE,OAAO,EAAE,GAAGD,MAAM,CAAC;AACvE;;;;"}

node_modules/@griffel/core/shorthands/borderWidth.esm.js

@@ -0,0 +1,19 @@
+import { generateStyles } from './generateStyles.esm.js';
+
+/**
+ * A function that implements CSS spec conformant expansion for "borderWidth"
+ *
+ * @example
+ *   borderWidth('10px')
+ *   borderWidth('10px', '5px')
+ *   borderWidth('2px', '4px', '8px')
+ *   borderWidth('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width
+ */
+function borderWidth(...values) {
+  return generateStyles('border', 'Width', ...values);
+}
+
+export { borderWidth };
+//# sourceMappingURL=borderWidth.esm.js.map

node_modules/@griffel/core/shorthands/borderWidth.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderWidth.esm.js","sources":["../../../../packages/core/src/shorthands/borderWidth.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { generateStyles } from './generateStyles';\nimport type { BorderWidthInput } from './types';\n\ntype BorderWidthStyle = Pick<\n  GriffelStyle,\n  'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'\n>;\n\nexport function borderWidth(all: BorderWidthInput): BorderWidthStyle;\nexport function borderWidth(vertical: BorderWidthInput, horizontal: BorderWidthInput): BorderWidthStyle;\nexport function borderWidth(\n  top: BorderWidthInput,\n  horizontal: BorderWidthInput,\n  bottom: BorderWidthInput,\n): BorderWidthStyle;\nexport function borderWidth(\n  top: BorderWidthInput,\n  right: BorderWidthInput,\n  bottom: BorderWidthInput,\n  left: BorderWidthInput,\n): BorderWidthStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"borderWidth\"\n *\n * @example\n *   borderWidth('10px')\n *   borderWidth('10px', '5px')\n *   borderWidth('2px', '4px', '8px')\n *   borderWidth('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width\n */\nexport function borderWidth(...values: BorderWidthInput[]): BorderWidthStyle {\n  return generateStyles<BorderWidthStyle>('border', 'Width', ...values);\n}\n"],"names":["borderWidth","values","generateStyles"],"mappings":";;AAwBA;;;;;;;;;;AAUG;AACG,SAAUA,WAAWA,CAAC,GAAGC,MAA0B,EAAA;EACvD,OAAOC,cAAc,CAAmB,QAAQ,EAAE,OAAO,EAAE,GAAGD,MAAM,CAAC;AACvE;;;;"}

node_modules/@griffel/core/shorthands/flex.cjs.js

@@ -0,0 +1,99 @@
+'use strict';
+
+const isUnit = value => typeof value === 'string' && /(\d+(\w+|%))/.test(value);
+const isUnitless = value => typeof value === 'number' && !Number.isNaN(value);
+const isInitial = value => value === 'initial';
+const isAuto = value => value === 'auto';
+const isNone = value => value === 'none';
+const widthReservedKeys = ['content', 'fit-content', 'max-content', 'min-content'];
+const isWidth = value => widthReservedKeys.some(key => value === key) || isUnit(value);
+/**
+ * A function that implements CSS spec conformant expansion for "flex".
+ *
+ * @example
+ *   flex('auto')
+ *   flex(1, '2.5rem')
+ *   flex(0, 0, 'auto')
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex
+ *
+ * @deprecated Just use `{ flex: '1 1 0' }` instead as Griffel supports CSS shorthands now
+ */
+function flex(...values) {
+  const isOneValueSyntax = values.length === 1;
+  const isTwoValueSyntax = values.length === 2;
+  const isThreeValueSyntax = values.length === 3;
+  if (isOneValueSyntax) {
+    const [firstValue] = values;
+    if (isInitial(firstValue)) {
+      return {
+        flexGrow: 0,
+        flexShrink: 1,
+        flexBasis: 'auto'
+      };
+    }
+    if (isAuto(firstValue)) {
+      return {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: 'auto'
+      };
+    }
+    if (isNone(firstValue)) {
+      return {
+        flexGrow: 0,
+        flexShrink: 0,
+        flexBasis: 'auto'
+      };
+    }
+    if (isUnitless(firstValue)) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: 1,
+        flexBasis: 0
+      };
+    }
+    if (isWidth(firstValue)) {
+      return {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: firstValue
+      };
+    }
+  }
+  if (isTwoValueSyntax) {
+    const [firstValue, secondValue] = values;
+    if (isUnitless(secondValue)) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: secondValue,
+        flexBasis: 0
+      };
+    }
+    if (isWidth(secondValue)) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: 1,
+        flexBasis: secondValue
+      };
+    }
+  }
+  if (isThreeValueSyntax) {
+    const [firstValue, secondValue, thirdValue] = values;
+    if (isUnitless(firstValue) && isUnitless(secondValue) && (isAuto(thirdValue) || isWidth(thirdValue))) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: secondValue,
+        flexBasis: thirdValue
+      };
+    }
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // eslint-disable-next-line no-console
+    console.error(`The value passed to shorthands.flex did not match any flex property specs. The CSS styles were not generated. Please, check the flex documentation.`);
+  }
+  return {};
+}
+
+exports.flex = flex;
+//# sourceMappingURL=flex.cjs.js.map

node_modules/@griffel/core/shorthands/flex.esm.js

@@ -0,0 +1,97 @@
+const isUnit = value => typeof value === 'string' && /(\d+(\w+|%))/.test(value);
+const isUnitless = value => typeof value === 'number' && !Number.isNaN(value);
+const isInitial = value => value === 'initial';
+const isAuto = value => value === 'auto';
+const isNone = value => value === 'none';
+const widthReservedKeys = ['content', 'fit-content', 'max-content', 'min-content'];
+const isWidth = value => widthReservedKeys.some(key => value === key) || isUnit(value);
+/**
+ * A function that implements CSS spec conformant expansion for "flex".
+ *
+ * @example
+ *   flex('auto')
+ *   flex(1, '2.5rem')
+ *   flex(0, 0, 'auto')
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex
+ *
+ * @deprecated Just use `{ flex: '1 1 0' }` instead as Griffel supports CSS shorthands now
+ */
+function flex(...values) {
+  const isOneValueSyntax = values.length === 1;
+  const isTwoValueSyntax = values.length === 2;
+  const isThreeValueSyntax = values.length === 3;
+  if (isOneValueSyntax) {
+    const [firstValue] = values;
+    if (isInitial(firstValue)) {
+      return {
+        flexGrow: 0,
+        flexShrink: 1,
+        flexBasis: 'auto'
+      };
+    }
+    if (isAuto(firstValue)) {
+      return {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: 'auto'
+      };
+    }
+    if (isNone(firstValue)) {
+      return {
+        flexGrow: 0,
+        flexShrink: 0,
+        flexBasis: 'auto'
+      };
+    }
+    if (isUnitless(firstValue)) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: 1,
+        flexBasis: 0
+      };
+    }
+    if (isWidth(firstValue)) {
+      return {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: firstValue
+      };
+    }
+  }
+  if (isTwoValueSyntax) {
+    const [firstValue, secondValue] = values;
+    if (isUnitless(secondValue)) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: secondValue,
+        flexBasis: 0
+      };
+    }
+    if (isWidth(secondValue)) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: 1,
+        flexBasis: secondValue
+      };
+    }
+  }
+  if (isThreeValueSyntax) {
+    const [firstValue, secondValue, thirdValue] = values;
+    if (isUnitless(firstValue) && isUnitless(secondValue) && (isAuto(thirdValue) || isWidth(thirdValue))) {
+      return {
+        flexGrow: firstValue,
+        flexShrink: secondValue,
+        flexBasis: thirdValue
+      };
+    }
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // eslint-disable-next-line no-console
+    console.error(`The value passed to shorthands.flex did not match any flex property specs. The CSS styles were not generated. Please, check the flex documentation.`);
+  }
+  return {};
+}
+
+export { flex };
+//# sourceMappingURL=flex.esm.js.map

node_modules/@griffel/core/shorthands/gap.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "gap"
+ *
+ * @example
+ *   gap('10px')
+ *   gap('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap
+ *
+ * @deprecated Just use `{ gap: '10px 5px' }` instead as Griffel supports CSS shorthands now
+ */
+function gap(columnGap, rowGap = columnGap) {
+  return {
+    columnGap,
+    rowGap
+  };
+}
+
+exports.gap = gap;
+//# sourceMappingURL=gap.cjs.js.map

node_modules/@griffel/core/shorthands/gap.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap.cjs.js","sources":["../../../../packages/core/src/shorthands/gap.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { GapInput } from './types';\n\ntype GapStyle = Pick<GriffelStyle, 'columnGap' | 'rowGap'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"gap\"\n *\n * @example\n *   gap('10px')\n *   gap('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n *\n * @deprecated Just use `{ gap: '10px 5px' }` instead as Griffel supports CSS shorthands now\n */\nexport function gap(columnGap: GapInput, rowGap: GapInput = columnGap): GapStyle {\n  return {\n    columnGap,\n    rowGap,\n  };\n}\n"],"names":["gap","columnGap","rowGap"],"mappings":";;AAKA;;;;;;;;;;AAUG;SACaA,GAAGA,CAACC,SAAmB,EAAEC,SAAmBD,SAAS,EAAA;EACnE,OAAO;IACLA,SAAS;AACTC,IAAAA;GACD;AACH;;;;"}

node_modules/@griffel/core/shorthands/gap.esm.js

@@ -0,0 +1,20 @@
+/**
+ * A function that implements CSS spec conformant expansion for "gap"
+ *
+ * @example
+ *   gap('10px')
+ *   gap('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap
+ *
+ * @deprecated Just use `{ gap: '10px 5px' }` instead as Griffel supports CSS shorthands now
+ */
+function gap(columnGap, rowGap = columnGap) {
+  return {
+    columnGap,
+    rowGap
+  };
+}
+
+export { gap };
+//# sourceMappingURL=gap.esm.js.map

node_modules/@griffel/core/shorthands/gap.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap.esm.js","sources":["../../../../packages/core/src/shorthands/gap.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { GapInput } from './types';\n\ntype GapStyle = Pick<GriffelStyle, 'columnGap' | 'rowGap'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"gap\"\n *\n * @example\n *   gap('10px')\n *   gap('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n *\n * @deprecated Just use `{ gap: '10px 5px' }` instead as Griffel supports CSS shorthands now\n */\nexport function gap(columnGap: GapInput, rowGap: GapInput = columnGap): GapStyle {\n  return {\n    columnGap,\n    rowGap,\n  };\n}\n"],"names":["gap","columnGap","rowGap"],"mappings":"AAKA;;;;;;;;;;AAUG;SACaA,GAAGA,CAACC,SAAmB,EAAEC,SAAmBD,SAAS,EAAA;EACnE,OAAO;IACLA,SAAS;AACTC,IAAAA;GACD;AACH;;;;"}

node_modules/@griffel/core/shorthands/generateStyles.cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const positionMap = ['Top', 'Right', 'Bottom', 'Left'];
+function generateStyles(property, suffix, ...values) {
+  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;
+  const valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];
+  const styles = {};
+  for (let i = 0; i < valuesWithDefaults.length; i += 1) {
+    if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {
+      const newKey = property + positionMap[i] + suffix;
+      styles[newKey] = valuesWithDefaults[i];
+    }
+  }
+  return styles;
+}
+
+exports.generateStyles = generateStyles;
+//# sourceMappingURL=generateStyles.cjs.js.map

node_modules/@griffel/core/shorthands/generateStyles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateStyles.cjs.js","sources":["../../../../packages/core/src/shorthands/generateStyles.ts"],"sourcesContent":["import type { GriffelStylesCSSValue, ValueOrArray, GriffelStyle } from '@griffel/style-types';\n\ntype DirectionalProperties = 'border' | 'padding' | 'margin';\n\nconst positionMap = ['Top', 'Right', 'Bottom', 'Left'];\n\nexport function generateStyles<Styles extends GriffelStyle>(\n  property: DirectionalProperties,\n  suffix: '' | 'Color' | 'Style' | 'Width',\n  ...values: ValueOrArray<GriffelStylesCSSValue>[]\n): Styles {\n  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;\n  const valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];\n\n  const styles: Styles = {} as Styles;\n\n  for (let i = 0; i < valuesWithDefaults.length; i += 1) {\n    if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {\n      const newKey = (property + positionMap[i] + suffix) as keyof Styles;\n\n      styles[newKey] = valuesWithDefaults[i] as unknown as Styles[keyof Styles];\n    }\n  }\n\n  return styles;\n}\n"],"names":["positionMap","generateStyles","property","suffix","values","firstValue","secondValue","thirdValue","fourthValue","valuesWithDefaults","styles","i","length","newKey"],"mappings":";;AAIA,MAAMA,WAAW,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;AAEhD,SAAUC,cAAcA,CAC5BC,QAA+B,EAC/BC,MAAwC,EACxC,GAAGC,MAA6C,EAAA;AAEhD,EAAA,MAAM,CAACC,UAAU,EAAEC,WAAW,GAAGD,UAAU,EAAEE,UAAU,GAAGF,UAAU,EAAEG,WAAW,GAAGF,WAAW,CAAC,GAAGF,MAAM;EACzG,MAAMK,kBAAkB,GAAG,CAACJ,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAEC,WAAW,CAAC;EAE7E,MAAME,MAAM,GAAW,EAAY;AAEnC,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,CAACG,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACrD,IAAIF,kBAAkB,CAACE,CAAC,CAAC,IAAIF,kBAAkB,CAACE,CAAC,CAAC,KAAK,CAAC,EAAE;MACxD,MAAME,MAAM,GAAIX,QAAQ,GAAGF,WAAW,CAACW,CAAC,CAAC,GAAGR,MAAuB;AAEnEO,MAAAA,MAAM,CAACG,MAAM,CAAC,GAAGJ,kBAAkB,CAACE,CAAC,CAAoC;AAC3E,IAAA;AACF,EAAA;AAEA,EAAA,OAAOD,MAAM;AACf;;;;"}

node_modules/@griffel/core/shorthands/generateStyles.esm.js

@@ -0,0 +1,16 @@
+const positionMap = ['Top', 'Right', 'Bottom', 'Left'];
+function generateStyles(property, suffix, ...values) {
+  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;
+  const valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];
+  const styles = {};
+  for (let i = 0; i < valuesWithDefaults.length; i += 1) {
+    if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {
+      const newKey = property + positionMap[i] + suffix;
+      styles[newKey] = valuesWithDefaults[i];
+    }
+  }
+  return styles;
+}
+
+export { generateStyles };
+//# sourceMappingURL=generateStyles.esm.js.map

node_modules/@griffel/core/shorthands/generateStyles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateStyles.esm.js","sources":["../../../../packages/core/src/shorthands/generateStyles.ts"],"sourcesContent":["import type { GriffelStylesCSSValue, ValueOrArray, GriffelStyle } from '@griffel/style-types';\n\ntype DirectionalProperties = 'border' | 'padding' | 'margin';\n\nconst positionMap = ['Top', 'Right', 'Bottom', 'Left'];\n\nexport function generateStyles<Styles extends GriffelStyle>(\n  property: DirectionalProperties,\n  suffix: '' | 'Color' | 'Style' | 'Width',\n  ...values: ValueOrArray<GriffelStylesCSSValue>[]\n): Styles {\n  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;\n  const valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];\n\n  const styles: Styles = {} as Styles;\n\n  for (let i = 0; i < valuesWithDefaults.length; i += 1) {\n    if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {\n      const newKey = (property + positionMap[i] + suffix) as keyof Styles;\n\n      styles[newKey] = valuesWithDefaults[i] as unknown as Styles[keyof Styles];\n    }\n  }\n\n  return styles;\n}\n"],"names":["positionMap","generateStyles","property","suffix","values","firstValue","secondValue","thirdValue","fourthValue","valuesWithDefaults","styles","i","length","newKey"],"mappings":"AAIA,MAAMA,WAAW,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;AAEhD,SAAUC,cAAcA,CAC5BC,QAA+B,EAC/BC,MAAwC,EACxC,GAAGC,MAA6C,EAAA;AAEhD,EAAA,MAAM,CAACC,UAAU,EAAEC,WAAW,GAAGD,UAAU,EAAEE,UAAU,GAAGF,UAAU,EAAEG,WAAW,GAAGF,WAAW,CAAC,GAAGF,MAAM;EACzG,MAAMK,kBAAkB,GAAG,CAACJ,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAEC,WAAW,CAAC;EAE7E,MAAME,MAAM,GAAW,EAAY;AAEnC,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,CAACG,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACrD,IAAIF,kBAAkB,CAACE,CAAC,CAAC,IAAIF,kBAAkB,CAACE,CAAC,CAAC,KAAK,CAAC,EAAE;MACxD,MAAME,MAAM,GAAIX,QAAQ,GAAGF,WAAW,CAACW,CAAC,CAAC,GAAGR,MAAuB;AAEnEO,MAAAA,MAAM,CAACG,MAAM,CAAC,GAAGJ,kBAAkB,CAACE,CAAC,CAAoC;AAC3E,IAAA;AACF,EAAA;AAEA,EAAA,OAAOD,MAAM;AACf;;;;"}

node_modules/@griffel/core/shorthands/gridArea.cjs.js

@@ -0,0 +1,59 @@
+'use strict';
+
+const cssVarRegEx = /var\(.*\)/gi;
+function isValidGridAreaInput(value) {
+  return value === undefined || typeof value === 'number' || typeof value === 'string' && !cssVarRegEx.test(value);
+}
+// A custom-ident can be an alpha-numeric string including dash (-), underscore, escaped (\) characters, and escaped unicode
+const customIdentRegEx = /^[a-zA-Z0-9\-_\\#;]+$/;
+const nonCustomIdentRegEx = /^-moz-initial$|^auto$|^initial$|^inherit$|^revert$|^unset$|^span \d+$|^\d.*/;
+// See https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident
+function isCustomIdent(value) {
+  return value !== undefined && typeof value === 'string' && customIdentRegEx.test(value) && !nonCustomIdentRegEx.test(value);
+}
+/**
+ * A function that implements CSS spec conformant expansion for "grid-area"
+ *
+ * @example
+ *   gridArea('auto')
+ *   gridArea('first', 'second')
+ *   gridArea(2, 4, 4)
+ *   gridArea(2, 4, 1, 3)
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
+ *
+ * @deprecated Use `{ gridArea: '2 / 4 / 1 / 3' }` instead as Griffel supports CSS shorthands now
+ */
+function gridArea(...values) {
+  // if any value is not valid, then do not apply the CSS.
+  if (values.some(value => !isValidGridAreaInput(value))) {
+    if (process.env.NODE_ENV !== 'production') {
+      // eslint-disable-next-line no-console
+      console.error(`The value passed to shorthands.gridArea() did not match any gridArea property specs. The CSS styles were not generated. Please, check the gridArea documentation.`, ['The value passed to shorthands.gridArea() did not match any gridArea property specs. ', 'The CSS styles were not generated.\n', 'Please, check the `grid-area` documentation:\n', '- https://developer.mozilla.org/docs/Web/CSS/grid-area', '- https://griffel.js.org/react/api/shorthands#shorthandsgridarea'].join(''));
+    }
+    return {};
+  }
+  const gridRowStart = values[0] !== undefined ? values[0] : 'auto';
+  // When grid-column-start is omitted, if grid-row-start is a <custom-ident>,
+  // all four longhands are set to that value.
+  // Otherwise, it is set to auto.
+  const gridColumnStart = values[1] !== undefined ? values[1] : isCustomIdent(gridRowStart) ? gridRowStart : 'auto';
+  // When grid-row-end is omitted,
+  // if grid-row-start is a <custom-ident>, grid-row-end is set to that <custom-ident>;
+  // otherwise, it is set to auto.
+  const gridRowEnd = values[2] !== undefined ? values[2] : isCustomIdent(gridRowStart) ? gridRowStart : 'auto';
+  // When grid-column-end is omitted,
+  // if grid-column-start is a <custom-ident>, grid-column-end is set to that <custom-ident>;
+  // otherwise, it is set to auto.
+  const gridColumnEnd = values[3] !== undefined ? values[3] : isCustomIdent(gridColumnStart) ? gridColumnStart : 'auto';
+  return {
+    gridRowStart,
+    gridColumnStart,
+    gridRowEnd,
+    gridColumnEnd
+  };
+}
+
+exports.gridArea = gridArea;
+exports.isCustomIdent = isCustomIdent;
+//# sourceMappingURL=gridArea.cjs.js.map

node_modules/@griffel/core/shorthands/gridArea.esm.js

@@ -0,0 +1,56 @@
+const cssVarRegEx = /var\(.*\)/gi;
+function isValidGridAreaInput(value) {
+  return value === undefined || typeof value === 'number' || typeof value === 'string' && !cssVarRegEx.test(value);
+}
+// A custom-ident can be an alpha-numeric string including dash (-), underscore, escaped (\) characters, and escaped unicode
+const customIdentRegEx = /^[a-zA-Z0-9\-_\\#;]+$/;
+const nonCustomIdentRegEx = /^-moz-initial$|^auto$|^initial$|^inherit$|^revert$|^unset$|^span \d+$|^\d.*/;
+// See https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident
+function isCustomIdent(value) {
+  return value !== undefined && typeof value === 'string' && customIdentRegEx.test(value) && !nonCustomIdentRegEx.test(value);
+}
+/**
+ * A function that implements CSS spec conformant expansion for "grid-area"
+ *
+ * @example
+ *   gridArea('auto')
+ *   gridArea('first', 'second')
+ *   gridArea(2, 4, 4)
+ *   gridArea(2, 4, 1, 3)
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
+ *
+ * @deprecated Use `{ gridArea: '2 / 4 / 1 / 3' }` instead as Griffel supports CSS shorthands now
+ */
+function gridArea(...values) {
+  // if any value is not valid, then do not apply the CSS.
+  if (values.some(value => !isValidGridAreaInput(value))) {
+    if (process.env.NODE_ENV !== 'production') {
+      // eslint-disable-next-line no-console
+      console.error(`The value passed to shorthands.gridArea() did not match any gridArea property specs. The CSS styles were not generated. Please, check the gridArea documentation.`, ['The value passed to shorthands.gridArea() did not match any gridArea property specs. ', 'The CSS styles were not generated.\n', 'Please, check the `grid-area` documentation:\n', '- https://developer.mozilla.org/docs/Web/CSS/grid-area', '- https://griffel.js.org/react/api/shorthands#shorthandsgridarea'].join(''));
+    }
+    return {};
+  }
+  const gridRowStart = values[0] !== undefined ? values[0] : 'auto';
+  // When grid-column-start is omitted, if grid-row-start is a <custom-ident>,
+  // all four longhands are set to that value.
+  // Otherwise, it is set to auto.
+  const gridColumnStart = values[1] !== undefined ? values[1] : isCustomIdent(gridRowStart) ? gridRowStart : 'auto';
+  // When grid-row-end is omitted,
+  // if grid-row-start is a <custom-ident>, grid-row-end is set to that <custom-ident>;
+  // otherwise, it is set to auto.
+  const gridRowEnd = values[2] !== undefined ? values[2] : isCustomIdent(gridRowStart) ? gridRowStart : 'auto';
+  // When grid-column-end is omitted,
+  // if grid-column-start is a <custom-ident>, grid-column-end is set to that <custom-ident>;
+  // otherwise, it is set to auto.
+  const gridColumnEnd = values[3] !== undefined ? values[3] : isCustomIdent(gridColumnStart) ? gridColumnStart : 'auto';
+  return {
+    gridRowStart,
+    gridColumnStart,
+    gridRowEnd,
+    gridColumnEnd
+  };
+}
+
+export { gridArea, isCustomIdent };
+//# sourceMappingURL=gridArea.esm.js.map

node_modules/@griffel/core/shorthands/inset.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "inset"
+ *
+ * @example
+ *   inset('10px')
+ *   inset('10px', '5px')
+ *   inset('2px', '4px', '8px')
+ *   inset('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/inset
+ *
+ * @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function inset(...values) {
+  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;
+  return {
+    top: firstValue,
+    right: secondValue,
+    bottom: thirdValue,
+    left: fourthValue
+  };
+}
+
+exports.inset = inset;
+//# sourceMappingURL=inset.cjs.js.map

node_modules/@griffel/core/shorthands/inset.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset.cjs.js","sources":["../../../../packages/core/src/shorthands/inset.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { InsetInput } from './types';\n\ntype InsetStyle = Pick<GriffelStyle, 'top' | 'right' | 'bottom' | 'left'>;\n\n/** @deprecated Use `{ inset: '10px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(all: InsetInput): InsetStyle;\n/** @deprecated Use `{ inset: '10px 5px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(vertical: InsetInput, horizontal: InsetInput): InsetStyle;\n/** @deprecated Use `{ inset: '10px 5px 8px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(top: InsetInput, horizontal: InsetInput, bottom: InsetInput): InsetStyle;\n/** @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(top: InsetInput, right: InsetInput, bottom: InsetInput, left: InsetInput): InsetStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"inset\"\n *\n * @example\n *   inset('10px')\n *   inset('10px', '5px')\n *   inset('2px', '4px', '8px')\n *   inset('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/inset\n *\n * @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function inset(...values: InsetInput[]): InsetStyle {\n  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;\n  return {\n    top: firstValue,\n    right: secondValue,\n    bottom: thirdValue,\n    left: fourthValue,\n  };\n}\n"],"names":["inset","values","firstValue","secondValue","thirdValue","fourthValue","top","right","bottom","left"],"mappings":";;AAcA;;;;;;;;;;;;AAYG;AACG,SAAUA,KAAKA,CAAC,GAAGC,MAAoB,EAAA;AAC3C,EAAA,MAAM,CAACC,UAAU,EAAEC,WAAW,GAAGD,UAAU,EAAEE,UAAU,GAAGF,UAAU,EAAEG,WAAW,GAAGF,WAAW,CAAC,GAAGF,MAAM;EACzG,OAAO;AACLK,IAAAA,GAAG,EAAEJ,UAAU;AACfK,IAAAA,KAAK,EAAEJ,WAAW;AAClBK,IAAAA,MAAM,EAAEJ,UAAU;AAClBK,IAAAA,IAAI,EAAEJ;GACP;AACH;;;;"}

node_modules/@griffel/core/shorthands/inset.esm.js

@@ -0,0 +1,25 @@
+/**
+ * A function that implements CSS spec conformant expansion for "inset"
+ *
+ * @example
+ *   inset('10px')
+ *   inset('10px', '5px')
+ *   inset('2px', '4px', '8px')
+ *   inset('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/inset
+ *
+ * @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function inset(...values) {
+  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;
+  return {
+    top: firstValue,
+    right: secondValue,
+    bottom: thirdValue,
+    left: fourthValue
+  };
+}
+
+export { inset };
+//# sourceMappingURL=inset.esm.js.map

node_modules/@griffel/core/shorthands/inset.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset.esm.js","sources":["../../../../packages/core/src/shorthands/inset.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { InsetInput } from './types';\n\ntype InsetStyle = Pick<GriffelStyle, 'top' | 'right' | 'bottom' | 'left'>;\n\n/** @deprecated Use `{ inset: '10px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(all: InsetInput): InsetStyle;\n/** @deprecated Use `{ inset: '10px 5px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(vertical: InsetInput, horizontal: InsetInput): InsetStyle;\n/** @deprecated Use `{ inset: '10px 5px 8px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(top: InsetInput, horizontal: InsetInput, bottom: InsetInput): InsetStyle;\n/** @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function inset(top: InsetInput, right: InsetInput, bottom: InsetInput, left: InsetInput): InsetStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"inset\"\n *\n * @example\n *   inset('10px')\n *   inset('10px', '5px')\n *   inset('2px', '4px', '8px')\n *   inset('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/inset\n *\n * @deprecated Use `{ inset: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function inset(...values: InsetInput[]): InsetStyle {\n  const [firstValue, secondValue = firstValue, thirdValue = firstValue, fourthValue = secondValue] = values;\n  return {\n    top: firstValue,\n    right: secondValue,\n    bottom: thirdValue,\n    left: fourthValue,\n  };\n}\n"],"names":["inset","values","firstValue","secondValue","thirdValue","fourthValue","top","right","bottom","left"],"mappings":"AAcA;;;;;;;;;;;;AAYG;AACG,SAAUA,KAAKA,CAAC,GAAGC,MAAoB,EAAA;AAC3C,EAAA,MAAM,CAACC,UAAU,EAAEC,WAAW,GAAGD,UAAU,EAAEE,UAAU,GAAGF,UAAU,EAAEG,WAAW,GAAGF,WAAW,CAAC,GAAGF,MAAM;EACzG,OAAO;AACLK,IAAAA,GAAG,EAAEJ,UAAU;AACfK,IAAAA,KAAK,EAAEJ,WAAW;AAClBK,IAAAA,MAAM,EAAEJ,UAAU;AAClBK,IAAAA,IAAI,EAAEJ;GACP;AACH;;;;"}

node_modules/@griffel/core/shorthands/margin.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var generateStyles = require('./generateStyles.cjs.js');
+
+/**
+ * A function that implements CSS spec conformant expansion for "margin"
+ *
+ * @example
+ *   margin('10px')
+ *   margin('10px', '5px')
+ *   margin('2px', '4px', '8px')
+ *   margin('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+ *
+ * @deprecated Just use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function margin(...values) {
+  return generateStyles.generateStyles('margin', '', ...values);
+}
+
+exports.margin = margin;
+//# sourceMappingURL=margin.cjs.js.map

node_modules/@griffel/core/shorthands/margin.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.cjs.js","sources":["../../../../packages/core/src/shorthands/margin.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { generateStyles } from './generateStyles';\nimport type { MarginInput } from './types';\n\ntype MarginStyle = Pick<GriffelStyle, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;\n\n/** @deprecated Use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(all: MarginInput): MarginStyle;\n/** @deprecated Use `{ margin: '10px 5px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(vertical: MarginInput, horizontal: MarginInput): MarginStyle;\n/** @deprecated Use `{ margin: '10px 5px 8px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(top: MarginInput, horizontal: MarginInput, bottom: MarginInput): MarginStyle;\n/** @deprecated Use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(top: MarginInput, right: MarginInput, bottom: MarginInput, left: MarginInput): MarginStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"margin\"\n *\n * @example\n *   margin('10px')\n *   margin('10px', '5px')\n *   margin('2px', '4px', '8px')\n *   margin('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n *\n * @deprecated Just use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function margin(...values: MarginInput[]): MarginStyle {\n  return generateStyles<MarginStyle>('margin', '', ...values);\n}\n"],"names":["margin","values","generateStyles"],"mappings":";;;;AAgBA;;;;;;;;;;;;AAYG;AACG,SAAUA,MAAMA,CAAC,GAAGC,MAAqB,EAAA;EAC7C,OAAOC,6BAAc,CAAc,QAAQ,EAAE,EAAE,EAAE,GAAGD,MAAM,CAAC;AAC7D;;;;"}

node_modules/@griffel/core/shorthands/margin.esm.js

@@ -0,0 +1,21 @@
+import { generateStyles } from './generateStyles.esm.js';
+
+/**
+ * A function that implements CSS spec conformant expansion for "margin"
+ *
+ * @example
+ *   margin('10px')
+ *   margin('10px', '5px')
+ *   margin('2px', '4px', '8px')
+ *   margin('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+ *
+ * @deprecated Just use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function margin(...values) {
+  return generateStyles('margin', '', ...values);
+}
+
+export { margin };
+//# sourceMappingURL=margin.esm.js.map

node_modules/@griffel/core/shorthands/margin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.esm.js","sources":["../../../../packages/core/src/shorthands/margin.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { generateStyles } from './generateStyles';\nimport type { MarginInput } from './types';\n\ntype MarginStyle = Pick<GriffelStyle, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;\n\n/** @deprecated Use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(all: MarginInput): MarginStyle;\n/** @deprecated Use `{ margin: '10px 5px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(vertical: MarginInput, horizontal: MarginInput): MarginStyle;\n/** @deprecated Use `{ margin: '10px 5px 8px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(top: MarginInput, horizontal: MarginInput, bottom: MarginInput): MarginStyle;\n/** @deprecated Use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function margin(top: MarginInput, right: MarginInput, bottom: MarginInput, left: MarginInput): MarginStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"margin\"\n *\n * @example\n *   margin('10px')\n *   margin('10px', '5px')\n *   margin('2px', '4px', '8px')\n *   margin('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n *\n * @deprecated Just use `{ margin: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function margin(...values: MarginInput[]): MarginStyle {\n  return generateStyles<MarginStyle>('margin', '', ...values);\n}\n"],"names":["margin","values","generateStyles"],"mappings":";;AAgBA;;;;;;;;;;;;AAYG;AACG,SAAUA,MAAMA,CAAC,GAAGC,MAAqB,EAAA;EAC7C,OAAOC,cAAc,CAAc,QAAQ,EAAE,EAAE,EAAE,GAAGD,MAAM,CAAC;AAC7D;;;;"}

node_modules/@griffel/core/shorthands/marginBlock.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "margin-block"
+ *
+ * @example
+ *   marginBlock('10px')
+ *   marginBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block
+ *
+ * @deprecated Just use `{ marginBlock: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function marginBlock(start, end = start) {
+  return {
+    marginBlockStart: start,
+    marginBlockEnd: end
+  };
+}
+
+exports.marginBlock = marginBlock;
+//# sourceMappingURL=marginBlock.cjs.js.map

node_modules/@griffel/core/shorthands/marginBlock.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginBlock.cjs.js","sources":["../../../../packages/core/src/shorthands/marginBlock.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { MarginBlockInput } from './types';\n\ntype MarginBlockStyle = Pick<GriffelStyle, 'marginBlockStart' | 'marginBlockEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"margin-block\"\n *\n * @example\n *   marginBlock('10px')\n *   marginBlock('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block\n *\n * @deprecated Just use `{ marginBlock: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function marginBlock(start: MarginBlockInput, end: MarginBlockInput = start): MarginBlockStyle {\n  return {\n    marginBlockStart: start,\n    marginBlockEnd: end,\n  };\n}\n"],"names":["marginBlock","start","end","marginBlockStart","marginBlockEnd"],"mappings":";;AAKA;;;;;;;;;;AAUG;SACaA,WAAWA,CAACC,KAAuB,EAAEC,MAAwBD,KAAK,EAAA;EAChF,OAAO;AACLE,IAAAA,gBAAgB,EAAEF,KAAK;AACvBG,IAAAA,cAAc,EAAEF;GACjB;AACH;;;;"}

node_modules/@griffel/core/shorthands/marginBlock.esm.js

@@ -0,0 +1,20 @@
+/**
+ * A function that implements CSS spec conformant expansion for "margin-block"
+ *
+ * @example
+ *   marginBlock('10px')
+ *   marginBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block
+ *
+ * @deprecated Just use `{ marginBlock: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function marginBlock(start, end = start) {
+  return {
+    marginBlockStart: start,
+    marginBlockEnd: end
+  };
+}
+
+export { marginBlock };
+//# sourceMappingURL=marginBlock.esm.js.map

node_modules/@griffel/core/shorthands/marginBlock.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginBlock.esm.js","sources":["../../../../packages/core/src/shorthands/marginBlock.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { MarginBlockInput } from './types';\n\ntype MarginBlockStyle = Pick<GriffelStyle, 'marginBlockStart' | 'marginBlockEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"margin-block\"\n *\n * @example\n *   marginBlock('10px')\n *   marginBlock('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block\n *\n * @deprecated Just use `{ marginBlock: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function marginBlock(start: MarginBlockInput, end: MarginBlockInput = start): MarginBlockStyle {\n  return {\n    marginBlockStart: start,\n    marginBlockEnd: end,\n  };\n}\n"],"names":["marginBlock","start","end","marginBlockStart","marginBlockEnd"],"mappings":"AAKA;;;;;;;;;;AAUG;SACaA,WAAWA,CAACC,KAAuB,EAAEC,MAAwBD,KAAK,EAAA;EAChF,OAAO;AACLE,IAAAA,gBAAgB,EAAEF,KAAK;AACvBG,IAAAA,cAAc,EAAEF;GACjB;AACH;;;;"}

node_modules/@griffel/core/shorthands/marginInline.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "margin-inline"
+ *
+ * @example
+ *   marginInline('10px')
+ *   marginInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
+ *
+ * @deprecated Just use `{ marginInline: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function marginInline(start, end = start) {
+  return {
+    marginInlineStart: start,
+    marginInlineEnd: end
+  };
+}
+
+exports.marginInline = marginInline;
+//# sourceMappingURL=marginInline.cjs.js.map

node_modules/@griffel/core/shorthands/marginInline.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginInline.cjs.js","sources":["../../../../packages/core/src/shorthands/marginInline.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { MarginInlineInput } from './types';\n\ntype MarginInlineStyle = Pick<GriffelStyle, 'marginInlineStart' | 'marginInlineEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"margin-inline\"\n *\n * @example\n *   marginInline('10px')\n *   marginInline('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline\n *\n * @deprecated Just use `{ marginInline: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function marginInline(start: MarginInlineInput, end: MarginInlineInput = start): MarginInlineStyle {\n  return {\n    marginInlineStart: start,\n    marginInlineEnd: end,\n  };\n}\n"],"names":["marginInline","start","end","marginInlineStart","marginInlineEnd"],"mappings":";;AAKA;;;;;;;;;;AAUG;SACaA,YAAYA,CAACC,KAAwB,EAAEC,MAAyBD,KAAK,EAAA;EACnF,OAAO;AACLE,IAAAA,iBAAiB,EAAEF,KAAK;AACxBG,IAAAA,eAAe,EAAEF;GAClB;AACH;;;;"}

node_modules/@griffel/core/shorthands/marginInline.esm.js

@@ -0,0 +1,20 @@
+/**
+ * A function that implements CSS spec conformant expansion for "margin-inline"
+ *
+ * @example
+ *   marginInline('10px')
+ *   marginInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
+ *
+ * @deprecated Just use `{ marginInline: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function marginInline(start, end = start) {
+  return {
+    marginInlineStart: start,
+    marginInlineEnd: end
+  };
+}
+
+export { marginInline };
+//# sourceMappingURL=marginInline.esm.js.map

node_modules/@griffel/core/shorthands/marginInline.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginInline.esm.js","sources":["../../../../packages/core/src/shorthands/marginInline.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { MarginInlineInput } from './types';\n\ntype MarginInlineStyle = Pick<GriffelStyle, 'marginInlineStart' | 'marginInlineEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"margin-inline\"\n *\n * @example\n *   marginInline('10px')\n *   marginInline('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline\n *\n * @deprecated Just use `{ marginInline: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function marginInline(start: MarginInlineInput, end: MarginInlineInput = start): MarginInlineStyle {\n  return {\n    marginInlineStart: start,\n    marginInlineEnd: end,\n  };\n}\n"],"names":["marginInline","start","end","marginInlineStart","marginInlineEnd"],"mappings":"AAKA;;;;;;;;;;AAUG;SACaA,YAAYA,CAACC,KAAwB,EAAEC,MAAyBD,KAAK,EAAA;EACnF,OAAO;AACLE,IAAAA,iBAAiB,EAAEF,KAAK;AACxBG,IAAAA,eAAe,EAAEF;GAClB;AACH;;;;"}

node_modules/@griffel/core/shorthands/outline.cjs.js

@@ -0,0 +1,26 @@
+'use strict';
+
+/**
+ * A function that implements expansion for "outline", it's simplified - check usage examples.
+ *
+ * @example
+ *  outline('2px')
+ *  outline('2px', 'solid')
+ *  outline('2px', 'solid', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/outline
+ *
+ * @deprecated Just use `{ outline: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function outline(outlineWidth, outlineStyle, outlineColor) {
+  return Object.assign({
+    outlineWidth
+  }, outlineStyle && {
+    outlineStyle
+  }, outlineColor && {
+    outlineColor
+  });
+}
+
+exports.outline = outline;
+//# sourceMappingURL=outline.cjs.js.map

node_modules/@griffel/core/shorthands/outline.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.cjs.js","sources":["../../../../packages/core/src/shorthands/outline.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { OutlineColorInput, OutlineStyleInput, OutlineWidthInput } from './types';\n\ntype OutlineStyle = Pick<GriffelStyle, 'outlineColor' | 'outlineStyle' | 'outlineWidth'>;\n\n/** @deprecated Use `{ outline: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function outline(width: OutlineWidthInput): OutlineStyle;\n/** @deprecated Use `{ outline: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function outline(width: OutlineWidthInput, style: OutlineStyleInput): OutlineStyle;\n/** @deprecated Use `{ outline: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function outline(width: OutlineWidthInput, style: OutlineStyleInput, color: OutlineColorInput): OutlineStyle;\n\n/**\n * A function that implements expansion for \"outline\", it's simplified - check usage examples.\n *\n * @example\n *  outline('2px')\n *  outline('2px', 'solid')\n *  outline('2px', 'solid', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/outline\n *\n * @deprecated Just use `{ outline: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function outline(\n  outlineWidth: OutlineWidthInput,\n  outlineStyle?: OutlineStyleInput,\n  outlineColor?: OutlineColorInput,\n): OutlineStyle {\n  return {\n    outlineWidth,\n    ...(outlineStyle && { outlineStyle }),\n    ...(outlineColor && { outlineColor }),\n  };\n}\n"],"names":["outline","outlineWidth","outlineStyle","outlineColor","Object","assign"],"mappings":";;AAYA;;;;;;;;;;;AAWG;SACaA,OAAOA,CACrBC,YAA+B,EAC/BC,YAAgC,EAChCC,YAAgC,EAAA;EAEhC,OAAAC,MAAA,CAAAC,MAAA,CAAA;AACEJ,IAAAA;AAAY,GAAA,EACRC,YAAY,IAAI;AAAEA,IAAAA;GAAc,EAChCC,YAAY,IAAI;AAAEA,IAAAA;GAAc,CAAA;AAExC;;;;"}

node_modules/@griffel/core/shorthands/outline.esm.js

@@ -0,0 +1,24 @@
+/**
+ * A function that implements expansion for "outline", it's simplified - check usage examples.
+ *
+ * @example
+ *  outline('2px')
+ *  outline('2px', 'solid')
+ *  outline('2px', 'solid', 'red')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/outline
+ *
+ * @deprecated Just use `{ outline: '2px solid red' }` instead as Griffel supports CSS shorthands now
+ */
+function outline(outlineWidth, outlineStyle, outlineColor) {
+  return Object.assign({
+    outlineWidth
+  }, outlineStyle && {
+    outlineStyle
+  }, outlineColor && {
+    outlineColor
+  });
+}
+
+export { outline };
+//# sourceMappingURL=outline.esm.js.map

node_modules/@griffel/core/shorthands/outline.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.esm.js","sources":["../../../../packages/core/src/shorthands/outline.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { OutlineColorInput, OutlineStyleInput, OutlineWidthInput } from './types';\n\ntype OutlineStyle = Pick<GriffelStyle, 'outlineColor' | 'outlineStyle' | 'outlineWidth'>;\n\n/** @deprecated Use `{ outline: '2px' }` instead as Griffel supports CSS shorthands now */\nexport function outline(width: OutlineWidthInput): OutlineStyle;\n/** @deprecated Use `{ outline: '2px solid' }` instead as Griffel supports CSS shorthands now */\nexport function outline(width: OutlineWidthInput, style: OutlineStyleInput): OutlineStyle;\n/** @deprecated Use `{ outline: '2px solid red' }` instead as Griffel supports CSS shorthands now */\nexport function outline(width: OutlineWidthInput, style: OutlineStyleInput, color: OutlineColorInput): OutlineStyle;\n\n/**\n * A function that implements expansion for \"outline\", it's simplified - check usage examples.\n *\n * @example\n *  outline('2px')\n *  outline('2px', 'solid')\n *  outline('2px', 'solid', 'red')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/outline\n *\n * @deprecated Just use `{ outline: '2px solid red' }` instead as Griffel supports CSS shorthands now\n */\nexport function outline(\n  outlineWidth: OutlineWidthInput,\n  outlineStyle?: OutlineStyleInput,\n  outlineColor?: OutlineColorInput,\n): OutlineStyle {\n  return {\n    outlineWidth,\n    ...(outlineStyle && { outlineStyle }),\n    ...(outlineColor && { outlineColor }),\n  };\n}\n"],"names":["outline","outlineWidth","outlineStyle","outlineColor","Object","assign"],"mappings":"AAYA;;;;;;;;;;;AAWG;SACaA,OAAOA,CACrBC,YAA+B,EAC/BC,YAAgC,EAChCC,YAAgC,EAAA;EAEhC,OAAAC,MAAA,CAAAC,MAAA,CAAA;AACEJ,IAAAA;AAAY,GAAA,EACRC,YAAY,IAAI;AAAEA,IAAAA;GAAc,EAChCC,YAAY,IAAI;AAAEA,IAAAA;GAAc,CAAA;AAExC;;;;"}

node_modules/@griffel/core/shorthands/overflow.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "overflow"
+ *
+ * @example
+ *   overflow('hidden')
+ *   overflow('hidden', 'scroll')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
+ *
+ * @deprecated Just use `{ overflow: 'hidden scroll' }` instead as Griffel supports CSS shorthands now
+ */
+function overflow(overflowX, overflowY = overflowX) {
+  return {
+    overflowX,
+    overflowY
+  };
+}
+
+exports.overflow = overflow;
+//# sourceMappingURL=overflow.cjs.js.map

node_modules/@griffel/core/shorthands/overflow.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow.cjs.js","sources":["../../../../packages/core/src/shorthands/overflow.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { OverflowInput } from './types';\n\ntype OverflowStyle = Pick<GriffelStyle, 'overflowX' | 'overflowY'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"overflow\"\n *\n * @example\n *   overflow('hidden')\n *   overflow('hidden', 'scroll')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n *\n * @deprecated Just use `{ overflow: 'hidden scroll' }` instead as Griffel supports CSS shorthands now\n */\nexport function overflow(overflowX: OverflowInput, overflowY: OverflowInput = overflowX): OverflowStyle {\n  return {\n    overflowX,\n    overflowY,\n  } as OverflowStyle;\n}\n"],"names":["overflow","overflowX","overflowY"],"mappings":";;AAKA;;;;;;;;;;AAUG;SACaA,QAAQA,CAACC,SAAwB,EAAEC,YAA2BD,SAAS,EAAA;EACrF,OAAO;IACLA,SAAS;AACTC,IAAAA;GACgB;AACpB;;;;"}

node_modules/@griffel/core/shorthands/overflow.esm.js

@@ -0,0 +1,20 @@
+/**
+ * A function that implements CSS spec conformant expansion for "overflow"
+ *
+ * @example
+ *   overflow('hidden')
+ *   overflow('hidden', 'scroll')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
+ *
+ * @deprecated Just use `{ overflow: 'hidden scroll' }` instead as Griffel supports CSS shorthands now
+ */
+function overflow(overflowX, overflowY = overflowX) {
+  return {
+    overflowX,
+    overflowY
+  };
+}
+
+export { overflow };
+//# sourceMappingURL=overflow.esm.js.map

node_modules/@griffel/core/shorthands/overflow.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow.esm.js","sources":["../../../../packages/core/src/shorthands/overflow.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { OverflowInput } from './types';\n\ntype OverflowStyle = Pick<GriffelStyle, 'overflowX' | 'overflowY'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"overflow\"\n *\n * @example\n *   overflow('hidden')\n *   overflow('hidden', 'scroll')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n *\n * @deprecated Just use `{ overflow: 'hidden scroll' }` instead as Griffel supports CSS shorthands now\n */\nexport function overflow(overflowX: OverflowInput, overflowY: OverflowInput = overflowX): OverflowStyle {\n  return {\n    overflowX,\n    overflowY,\n  } as OverflowStyle;\n}\n"],"names":["overflow","overflowX","overflowY"],"mappings":"AAKA;;;;;;;;;;AAUG;SACaA,QAAQA,CAACC,SAAwB,EAAEC,YAA2BD,SAAS,EAAA;EACrF,OAAO;IACLA,SAAS;AACTC,IAAAA;GACgB;AACpB;;;;"}

node_modules/@griffel/core/shorthands/padding.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var generateStyles = require('./generateStyles.cjs.js');
+
+/**
+ * A function that implements CSS spec conformant expansion for "padding"
+ *
+ * @example
+ *   padding('10px')
+ *   padding('10px', '5px')
+ *   padding('2px', '4px', '8px')
+ *   padding('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+ *
+ * @deprecated Just use `{ padding: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function padding(...values) {
+  return generateStyles.generateStyles('padding', '', ...values);
+}
+
+exports.padding = padding;
+//# sourceMappingURL=padding.cjs.js.map

node_modules/@griffel/core/shorthands/padding.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.cjs.js","sources":["../../../../packages/core/src/shorthands/padding.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { generateStyles } from './generateStyles';\nimport type { PaddingInput } from './types';\n\ntype PaddingStyle = Pick<GriffelStyle, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;\n\n/** @deprecated Use `{ padding: '10px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(all: PaddingInput): PaddingStyle;\n/** @deprecated Use `{ padding: '10px 5px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(vertical: PaddingInput, horizontal: PaddingInput): PaddingStyle;\n/** @deprecated Use `{ padding: '10px 5px 8px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(top: PaddingInput, horizontal: PaddingInput, bottom: PaddingInput): PaddingStyle;\n/** @deprecated Use `{ padding: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(top: PaddingInput, right: PaddingInput, bottom: PaddingInput, left: PaddingInput): PaddingStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"padding\"\n *\n * @example\n *   padding('10px')\n *   padding('10px', '5px')\n *   padding('2px', '4px', '8px')\n *   padding('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n *\n * @deprecated Just use `{ padding: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function padding(...values: PaddingInput[]) {\n  return generateStyles<PaddingStyle>('padding', '', ...values);\n}\n"],"names":["padding","values","generateStyles"],"mappings":";;;;AAgBA;;;;;;;;;;;;AAYG;AACG,SAAUA,OAAOA,CAAC,GAAGC,MAAsB,EAAA;EAC/C,OAAOC,6BAAc,CAAe,SAAS,EAAE,EAAE,EAAE,GAAGD,MAAM,CAAC;AAC/D;;;;"}

node_modules/@griffel/core/shorthands/padding.esm.js

@@ -0,0 +1,21 @@
+import { generateStyles } from './generateStyles.esm.js';
+
+/**
+ * A function that implements CSS spec conformant expansion for "padding"
+ *
+ * @example
+ *   padding('10px')
+ *   padding('10px', '5px')
+ *   padding('2px', '4px', '8px')
+ *   padding('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+ *
+ * @deprecated Just use `{ padding: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now
+ */
+function padding(...values) {
+  return generateStyles('padding', '', ...values);
+}
+
+export { padding };
+//# sourceMappingURL=padding.esm.js.map

node_modules/@griffel/core/shorthands/padding.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.esm.js","sources":["../../../../packages/core/src/shorthands/padding.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\n\nimport { generateStyles } from './generateStyles';\nimport type { PaddingInput } from './types';\n\ntype PaddingStyle = Pick<GriffelStyle, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;\n\n/** @deprecated Use `{ padding: '10px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(all: PaddingInput): PaddingStyle;\n/** @deprecated Use `{ padding: '10px 5px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(vertical: PaddingInput, horizontal: PaddingInput): PaddingStyle;\n/** @deprecated Use `{ padding: '10px 5px 8px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(top: PaddingInput, horizontal: PaddingInput, bottom: PaddingInput): PaddingStyle;\n/** @deprecated Use `{ padding: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now */\nexport function padding(top: PaddingInput, right: PaddingInput, bottom: PaddingInput, left: PaddingInput): PaddingStyle;\n\n/**\n * A function that implements CSS spec conformant expansion for \"padding\"\n *\n * @example\n *   padding('10px')\n *   padding('10px', '5px')\n *   padding('2px', '4px', '8px')\n *   padding('1px', 0, '3px', '4px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n *\n * @deprecated Just use `{ padding: '10px 5px 8px 4px' }` instead as Griffel supports CSS shorthands now\n */\nexport function padding(...values: PaddingInput[]) {\n  return generateStyles<PaddingStyle>('padding', '', ...values);\n}\n"],"names":["padding","values","generateStyles"],"mappings":";;AAgBA;;;;;;;;;;;;AAYG;AACG,SAAUA,OAAOA,CAAC,GAAGC,MAAsB,EAAA;EAC/C,OAAOC,cAAc,CAAe,SAAS,EAAE,EAAE,EAAE,GAAGD,MAAM,CAAC;AAC/D;;;;"}

node_modules/@griffel/core/shorthands/paddingBlock.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "padding-block"
+ *
+ * @example
+ *   paddingBlock('10px')
+ *   paddingBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block
+ *
+ * @deprecated Just use `{ paddingBlock: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function paddingBlock(start, end = start) {
+  return {
+    paddingBlockStart: start,
+    paddingBlockEnd: end
+  };
+}
+
+exports.paddingBlock = paddingBlock;
+//# sourceMappingURL=paddingBlock.cjs.js.map

node_modules/@griffel/core/shorthands/paddingBlock.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingBlock.cjs.js","sources":["../../../../packages/core/src/shorthands/paddingBlock.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { PaddingBlockInput } from './types';\n\ntype PaddingBlockStyle = Pick<GriffelStyle, 'paddingBlockStart' | 'paddingBlockEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"padding-block\"\n *\n * @example\n *   paddingBlock('10px')\n *   paddingBlock('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block\n *\n * @deprecated Just use `{ paddingBlock: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function paddingBlock(start: PaddingBlockInput, end: PaddingBlockInput = start): PaddingBlockStyle {\n  return {\n    paddingBlockStart: start,\n    paddingBlockEnd: end,\n  };\n}\n"],"names":["paddingBlock","start","end","paddingBlockStart","paddingBlockEnd"],"mappings":";;AAKA;;;;;;;;;;AAUG;SACaA,YAAYA,CAACC,KAAwB,EAAEC,MAAyBD,KAAK,EAAA;EACnF,OAAO;AACLE,IAAAA,iBAAiB,EAAEF,KAAK;AACxBG,IAAAA,eAAe,EAAEF;GAClB;AACH;;;;"}

node_modules/@griffel/core/shorthands/paddingBlock.esm.js

@@ -0,0 +1,20 @@
+/**
+ * A function that implements CSS spec conformant expansion for "padding-block"
+ *
+ * @example
+ *   paddingBlock('10px')
+ *   paddingBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block
+ *
+ * @deprecated Just use `{ paddingBlock: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function paddingBlock(start, end = start) {
+  return {
+    paddingBlockStart: start,
+    paddingBlockEnd: end
+  };
+}
+
+export { paddingBlock };
+//# sourceMappingURL=paddingBlock.esm.js.map

node_modules/@griffel/core/shorthands/paddingBlock.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingBlock.esm.js","sources":["../../../../packages/core/src/shorthands/paddingBlock.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { PaddingBlockInput } from './types';\n\ntype PaddingBlockStyle = Pick<GriffelStyle, 'paddingBlockStart' | 'paddingBlockEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"padding-block\"\n *\n * @example\n *   paddingBlock('10px')\n *   paddingBlock('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block\n *\n * @deprecated Just use `{ paddingBlock: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function paddingBlock(start: PaddingBlockInput, end: PaddingBlockInput = start): PaddingBlockStyle {\n  return {\n    paddingBlockStart: start,\n    paddingBlockEnd: end,\n  };\n}\n"],"names":["paddingBlock","start","end","paddingBlockStart","paddingBlockEnd"],"mappings":"AAKA;;;;;;;;;;AAUG;SACaA,YAAYA,CAACC,KAAwB,EAAEC,MAAyBD,KAAK,EAAA;EACnF,OAAO;AACLE,IAAAA,iBAAiB,EAAEF,KAAK;AACxBG,IAAAA,eAAe,EAAEF;GAClB;AACH;;;;"}

node_modules/@griffel/core/shorthands/paddingInline.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * A function that implements CSS spec conformant expansion for "padding-inline"
+ *
+ * @example
+ *   paddingInline('10px')
+ *   paddingInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
+ *
+ * @deprecated Just use `{ paddingInline: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function paddingInline(start, end = start) {
+  return {
+    paddingInlineStart: start,
+    paddingInlineEnd: end
+  };
+}
+
+exports.paddingInline = paddingInline;
+//# sourceMappingURL=paddingInline.cjs.js.map

node_modules/@griffel/core/shorthands/paddingInline.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingInline.cjs.js","sources":["../../../../packages/core/src/shorthands/paddingInline.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { PaddingInlineInput } from './types';\n\ntype PaddingInlineStyle = Pick<GriffelStyle, 'paddingInlineStart' | 'paddingInlineEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"padding-inline\"\n *\n * @example\n *   paddingInline('10px')\n *   paddingInline('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline\n *\n * @deprecated Just use `{ paddingInline: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function paddingInline(start: PaddingInlineInput, end: PaddingInlineInput = start): PaddingInlineStyle {\n  return {\n    paddingInlineStart: start,\n    paddingInlineEnd: end,\n  };\n}\n"],"names":["paddingInline","start","end","paddingInlineStart","paddingInlineEnd"],"mappings":";;AAKA;;;;;;;;;;AAUG;SACaA,aAAaA,CAACC,KAAyB,EAAEC,MAA0BD,KAAK,EAAA;EACtF,OAAO;AACLE,IAAAA,kBAAkB,EAAEF,KAAK;AACzBG,IAAAA,gBAAgB,EAAEF;GACnB;AACH;;;;"}

node_modules/@griffel/core/shorthands/paddingInline.esm.js

@@ -0,0 +1,20 @@
+/**
+ * A function that implements CSS spec conformant expansion for "padding-inline"
+ *
+ * @example
+ *   paddingInline('10px')
+ *   paddingInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
+ *
+ * @deprecated Just use `{ paddingInline: '10px' }` instead as Griffel supports CSS shorthands now
+ */
+function paddingInline(start, end = start) {
+  return {
+    paddingInlineStart: start,
+    paddingInlineEnd: end
+  };
+}
+
+export { paddingInline };
+//# sourceMappingURL=paddingInline.esm.js.map

node_modules/@griffel/core/shorthands/paddingInline.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingInline.esm.js","sources":["../../../../packages/core/src/shorthands/paddingInline.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type { PaddingInlineInput } from './types';\n\ntype PaddingInlineStyle = Pick<GriffelStyle, 'paddingInlineStart' | 'paddingInlineEnd'>;\n\n/**\n * A function that implements CSS spec conformant expansion for \"padding-inline\"\n *\n * @example\n *   paddingInline('10px')\n *   paddingInline('10px', '5px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline\n *\n * @deprecated Just use `{ paddingInline: '10px' }` instead as Griffel supports CSS shorthands now\n */\nexport function paddingInline(start: PaddingInlineInput, end: PaddingInlineInput = start): PaddingInlineStyle {\n  return {\n    paddingInlineStart: start,\n    paddingInlineEnd: end,\n  };\n}\n"],"names":["paddingInline","start","end","paddingInlineStart","paddingInlineEnd"],"mappings":"AAKA;;;;;;;;;;AAUG;SACaA,aAAaA,CAACC,KAAyB,EAAEC,MAA0BD,KAAK,EAAA;EACtF,OAAO;AACLE,IAAAA,kBAAkB,EAAEF,KAAK;AACzBG,IAAAA,gBAAgB,EAAEF;GACnB;AACH;;;;"}

node_modules/@griffel/core/shorthands/textDecoration.cjs.js

@@ -0,0 +1,42 @@
+'use strict';
+
+/**
+ * A function that implements expansion for "textDecoration" to all sides of an element, it's simplified - check usage examples.
+ *
+ * @example
+ *  textDecoration('none')
+ *  textDecoration('dotted')
+ *  textDecoration('underline', 'dotted')
+ *  textDecoration('underline', 'dotted', 'red')
+ *  textDecoration('underline', 'dotted', 'red', '2px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration
+ *
+ * @deprecated Just use `{ textDecoration: 'underline dotted red 2px' }` instead as Griffel supports CSS shorthands now
+ */
+function textDecoration(value, ...values) {
+  if (values.length === 0) {
+    return isTextDecorationStyleInput(value) ? {
+      textDecorationStyle: value
+    } : {
+      textDecorationLine: value
+    };
+  }
+  const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;
+  return Object.assign({
+    textDecorationLine: value
+  }, textDecorationStyle && {
+    textDecorationStyle
+  }, textDecorationColor && {
+    textDecorationColor
+  }, textDecorationThickness && {
+    textDecorationThickness
+  });
+}
+const textDecorationStyleInputs = ['dashed', 'dotted', 'double', 'solid', 'wavy'];
+function isTextDecorationStyleInput(value) {
+  return textDecorationStyleInputs.includes(value);
+}
+
+exports.textDecoration = textDecoration;
+//# sourceMappingURL=textDecoration.cjs.js.map

node_modules/@griffel/core/shorthands/textDecoration.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textDecoration.cjs.js","sources":["../../../../packages/core/src/shorthands/textDecoration.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type {\n  TextDecorationColorInput,\n  TextDecorationLineInput,\n  TextDecorationStyleInput,\n  TextDecorationThicknessInput,\n} from './types';\n\ntype TextDecorationStyle = Pick<\n  GriffelStyle,\n  'textDecorationStyle' | 'textDecorationLine' | 'textDecorationColor' | 'textDecorationThickness'\n>;\n\n/** @deprecated Use `{ textDecoration: 'none' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(style: TextDecorationStyleInput): TextDecorationStyle;\n/** @deprecated Use `{ textDecoration: 'dotted' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(line: TextDecorationLineInput): TextDecorationStyle;\n\n/** @deprecated Use `{ textDecoration: 'underline dotted' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(line: TextDecorationLineInput, style: TextDecorationStyleInput): TextDecorationStyle;\n/** @deprecated Use `{ textDecoration: 'underline dotted red' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(\n  line: TextDecorationLineInput,\n  style: TextDecorationStyleInput,\n  color: TextDecorationColorInput,\n): TextDecorationStyle;\n/** @deprecated Use `{ textDecoration: 'underline dotted red 2px' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(\n  line: TextDecorationLineInput,\n  style: TextDecorationStyleInput,\n  color: TextDecorationColorInput,\n  thickness: TextDecorationThicknessInput,\n): TextDecorationStyle;\n\n/**\n * A function that implements expansion for \"textDecoration\" to all sides of an element, it's simplified - check usage examples.\n *\n * @example\n *  textDecoration('none')\n *  textDecoration('dotted')\n *  textDecoration('underline', 'dotted')\n *  textDecoration('underline', 'dotted', 'red')\n *  textDecoration('underline', 'dotted', 'red', '2px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration\n *\n * @deprecated Just use `{ textDecoration: 'underline dotted red 2px' }` instead as Griffel supports CSS shorthands now\n */\nexport function textDecoration(\n  value: TextDecorationLineInput | TextDecorationStyleInput,\n  ...values: [TextDecorationStyleInput?, TextDecorationColorInput?, TextDecorationThicknessInput?]\n): TextDecorationStyle {\n  if (values.length === 0) {\n    return isTextDecorationStyleInput(value) ? { textDecorationStyle: value } : { textDecorationLine: value };\n  }\n\n  const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;\n\n  return {\n    textDecorationLine: value,\n    ...(textDecorationStyle && { textDecorationStyle }),\n    ...(textDecorationColor && { textDecorationColor }),\n    ...(textDecorationThickness && { textDecorationThickness }),\n  };\n}\n\nconst textDecorationStyleInputs: TextDecorationStyleInput[] = ['dashed', 'dotted', 'double', 'solid', 'wavy'];\n\nfunction isTextDecorationStyleInput(\n  value: TextDecorationLineInput | TextDecorationStyleInput,\n): value is TextDecorationStyleInput {\n  return textDecorationStyleInputs.includes(value as TextDecorationStyleInput);\n}\n"],"names":["textDecoration","value","values","length","isTextDecorationStyleInput","textDecorationStyle","textDecorationLine","textDecorationColor","textDecorationThickness","Object","assign","textDecorationStyleInputs","includes"],"mappings":";;AAkCA;;;;;;;;;;;;;AAaG;SACaA,cAAcA,CAC5BC,KAAyD,EACzD,GAAGC,MAA6F,EAAA;AAEhG,EAAA,IAAIA,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;AACvB,IAAA,OAAOC,0BAA0B,CAACH,KAAK,CAAC,GAAG;AAAEI,MAAAA,mBAAmB,EAAEJ;AAAK,KAAE,GAAG;AAAEK,MAAAA,kBAAkB,EAAEL;KAAO;AAC3G,EAAA;EAEA,MAAM,CAACI,mBAAmB,EAAEE,mBAAmB,EAAEC,uBAAuB,CAAC,GAAGN,MAAM;EAElF,OAAAO,MAAA,CAAAC,MAAA,CAAA;AACEJ,IAAAA,kBAAkB,EAAEL;AAAK,GAAA,EACrBI,mBAAmB,IAAI;AAAEA,IAAAA;GAAqB,EAC9CE,mBAAmB,IAAI;AAAEA,IAAAA;GAAqB,EAC9CC,uBAAuB,IAAI;AAAEA,IAAAA;GAAyB,CAAA;AAE9D;AAEA,MAAMG,yBAAyB,GAA+B,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;AAE7G,SAASP,0BAA0BA,CACjCH,KAAyD,EAAA;AAEzD,EAAA,OAAOU,yBAAyB,CAACC,QAAQ,CAACX,KAAiC,CAAC;AAC9E;;;;"}

node_modules/@griffel/core/shorthands/textDecoration.esm.js

@@ -0,0 +1,40 @@
+/**
+ * A function that implements expansion for "textDecoration" to all sides of an element, it's simplified - check usage examples.
+ *
+ * @example
+ *  textDecoration('none')
+ *  textDecoration('dotted')
+ *  textDecoration('underline', 'dotted')
+ *  textDecoration('underline', 'dotted', 'red')
+ *  textDecoration('underline', 'dotted', 'red', '2px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration
+ *
+ * @deprecated Just use `{ textDecoration: 'underline dotted red 2px' }` instead as Griffel supports CSS shorthands now
+ */
+function textDecoration(value, ...values) {
+  if (values.length === 0) {
+    return isTextDecorationStyleInput(value) ? {
+      textDecorationStyle: value
+    } : {
+      textDecorationLine: value
+    };
+  }
+  const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;
+  return Object.assign({
+    textDecorationLine: value
+  }, textDecorationStyle && {
+    textDecorationStyle
+  }, textDecorationColor && {
+    textDecorationColor
+  }, textDecorationThickness && {
+    textDecorationThickness
+  });
+}
+const textDecorationStyleInputs = ['dashed', 'dotted', 'double', 'solid', 'wavy'];
+function isTextDecorationStyleInput(value) {
+  return textDecorationStyleInputs.includes(value);
+}
+
+export { textDecoration };
+//# sourceMappingURL=textDecoration.esm.js.map

node_modules/@griffel/core/shorthands/textDecoration.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textDecoration.esm.js","sources":["../../../../packages/core/src/shorthands/textDecoration.ts"],"sourcesContent":["import type { GriffelStyle } from '@griffel/style-types';\nimport type {\n  TextDecorationColorInput,\n  TextDecorationLineInput,\n  TextDecorationStyleInput,\n  TextDecorationThicknessInput,\n} from './types';\n\ntype TextDecorationStyle = Pick<\n  GriffelStyle,\n  'textDecorationStyle' | 'textDecorationLine' | 'textDecorationColor' | 'textDecorationThickness'\n>;\n\n/** @deprecated Use `{ textDecoration: 'none' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(style: TextDecorationStyleInput): TextDecorationStyle;\n/** @deprecated Use `{ textDecoration: 'dotted' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(line: TextDecorationLineInput): TextDecorationStyle;\n\n/** @deprecated Use `{ textDecoration: 'underline dotted' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(line: TextDecorationLineInput, style: TextDecorationStyleInput): TextDecorationStyle;\n/** @deprecated Use `{ textDecoration: 'underline dotted red' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(\n  line: TextDecorationLineInput,\n  style: TextDecorationStyleInput,\n  color: TextDecorationColorInput,\n): TextDecorationStyle;\n/** @deprecated Use `{ textDecoration: 'underline dotted red 2px' }` instead as Griffel supports CSS shorthands now */\nexport function textDecoration(\n  line: TextDecorationLineInput,\n  style: TextDecorationStyleInput,\n  color: TextDecorationColorInput,\n  thickness: TextDecorationThicknessInput,\n): TextDecorationStyle;\n\n/**\n * A function that implements expansion for \"textDecoration\" to all sides of an element, it's simplified - check usage examples.\n *\n * @example\n *  textDecoration('none')\n *  textDecoration('dotted')\n *  textDecoration('underline', 'dotted')\n *  textDecoration('underline', 'dotted', 'red')\n *  textDecoration('underline', 'dotted', 'red', '2px')\n *\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration\n *\n * @deprecated Just use `{ textDecoration: 'underline dotted red 2px' }` instead as Griffel supports CSS shorthands now\n */\nexport function textDecoration(\n  value: TextDecorationLineInput | TextDecorationStyleInput,\n  ...values: [TextDecorationStyleInput?, TextDecorationColorInput?, TextDecorationThicknessInput?]\n): TextDecorationStyle {\n  if (values.length === 0) {\n    return isTextDecorationStyleInput(value) ? { textDecorationStyle: value } : { textDecorationLine: value };\n  }\n\n  const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;\n\n  return {\n    textDecorationLine: value,\n    ...(textDecorationStyle && { textDecorationStyle }),\n    ...(textDecorationColor && { textDecorationColor }),\n    ...(textDecorationThickness && { textDecorationThickness }),\n  };\n}\n\nconst textDecorationStyleInputs: TextDecorationStyleInput[] = ['dashed', 'dotted', 'double', 'solid', 'wavy'];\n\nfunction isTextDecorationStyleInput(\n  value: TextDecorationLineInput | TextDecorationStyleInput,\n): value is TextDecorationStyleInput {\n  return textDecorationStyleInputs.includes(value as TextDecorationStyleInput);\n}\n"],"names":["textDecoration","value","values","length","isTextDecorationStyleInput","textDecorationStyle","textDecorationLine","textDecorationColor","textDecorationThickness","Object","assign","textDecorationStyleInputs","includes"],"mappings":"AAkCA;;;;;;;;;;;;;AAaG;SACaA,cAAcA,CAC5BC,KAAyD,EACzD,GAAGC,MAA6F,EAAA;AAEhG,EAAA,IAAIA,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;AACvB,IAAA,OAAOC,0BAA0B,CAACH,KAAK,CAAC,GAAG;AAAEI,MAAAA,mBAAmB,EAAEJ;AAAK,KAAE,GAAG;AAAEK,MAAAA,kBAAkB,EAAEL;KAAO;AAC3G,EAAA;EAEA,MAAM,CAACI,mBAAmB,EAAEE,mBAAmB,EAAEC,uBAAuB,CAAC,GAAGN,MAAM;EAElF,OAAAO,MAAA,CAAAC,MAAA,CAAA;AACEJ,IAAAA,kBAAkB,EAAEL;AAAK,GAAA,EACrBI,mBAAmB,IAAI;AAAEA,IAAAA;GAAqB,EAC9CE,mBAAmB,IAAI;AAAEA,IAAAA;GAAqB,EAC9CC,uBAAuB,IAAI;AAAEA,IAAAA;GAAyB,CAAA;AAE9D;AAEA,MAAMG,yBAAyB,GAA+B,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;AAE7G,SAASP,0BAA0BA,CACjCH,KAAyD,EAAA;AAEzD,EAAA,OAAOU,yBAAyB,CAACC,QAAQ,CAACX,KAAiC,CAAC;AAC9E;;;;"}

node_modules/@griffel/core/shorthands/transition.cjs.js

@@ -0,0 +1,57 @@
+'use strict';
+
+/**
+ * A function that implements expansion for "transition", it's simplified - check usage examples.
+ *
+ * @example
+ *  transition('inherit')
+ *  transition('margin-right', '4s')
+ *  transition('margin-right', '4s', '1s')
+ *  transition('margin-right', '4s', '1s', 'ease-in')
+ *  transition([
+ *    ['margin-right', '4s', '1s', 'ease-in'],
+ *    ['margin-right', '4s', '1s', 'ease-in'],
+ * ])
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/transition
+ *
+ * @deprecated Just use `{ transition: 'margin-right 4s 1s ease-in' }` instead as Griffel supports CSS shorthands now
+ */
+function transition(...values) {
+  if (isTransitionGlobalInputs(values)) {
+    return {
+      transitionDelay: values[0],
+      transitionDuration: values[0],
+      transitionProperty: values[0],
+      transitionTimingFunction: values[0]
+    };
+  }
+  const transitionInputs = normalizeTransitionInputs(values);
+  return transitionInputs.reduce((acc, [property, duration = '0s', delay = '0s', timingFunction = 'ease'], index) => {
+    if (index === 0) {
+      acc.transitionProperty = property;
+      acc.transitionDuration = duration;
+      acc.transitionDelay = delay;
+      acc.transitionTimingFunction = timingFunction;
+    } else {
+      acc.transitionProperty += `, ${property}`;
+      acc.transitionDuration += `, ${duration}`;
+      acc.transitionDelay += `, ${delay}`;
+      acc.transitionTimingFunction += `, ${timingFunction}`;
+    }
+    return acc;
+  }, {});
+}
+const transitionGlobalInputs = ['-moz-initial', 'inherit', 'initial', 'revert', 'unset'];
+function isTransitionGlobalInputs(values) {
+  return values.length === 1 && transitionGlobalInputs.includes(values[0]);
+}
+function normalizeTransitionInputs(transitionInputs) {
+  if (transitionInputs.length === 1 && Array.isArray(transitionInputs[0])) {
+    return transitionInputs[0];
+  }
+  return [transitionInputs];
+}
+
+exports.transition = transition;
+//# sourceMappingURL=transition.cjs.js.map

node_modules/@griffel/core/shorthands/transition.esm.js

@@ -0,0 +1,55 @@
+/**
+ * A function that implements expansion for "transition", it's simplified - check usage examples.
+ *
+ * @example
+ *  transition('inherit')
+ *  transition('margin-right', '4s')
+ *  transition('margin-right', '4s', '1s')
+ *  transition('margin-right', '4s', '1s', 'ease-in')
+ *  transition([
+ *    ['margin-right', '4s', '1s', 'ease-in'],
+ *    ['margin-right', '4s', '1s', 'ease-in'],
+ * ])
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/transition
+ *
+ * @deprecated Just use `{ transition: 'margin-right 4s 1s ease-in' }` instead as Griffel supports CSS shorthands now
+ */
+function transition(...values) {
+  if (isTransitionGlobalInputs(values)) {
+    return {
+      transitionDelay: values[0],
+      transitionDuration: values[0],
+      transitionProperty: values[0],
+      transitionTimingFunction: values[0]
+    };
+  }
+  const transitionInputs = normalizeTransitionInputs(values);
+  return transitionInputs.reduce((acc, [property, duration = '0s', delay = '0s', timingFunction = 'ease'], index) => {
+    if (index === 0) {
+      acc.transitionProperty = property;
+      acc.transitionDuration = duration;
+      acc.transitionDelay = delay;
+      acc.transitionTimingFunction = timingFunction;
+    } else {
+      acc.transitionProperty += `, ${property}`;
+      acc.transitionDuration += `, ${duration}`;
+      acc.transitionDelay += `, ${delay}`;
+      acc.transitionTimingFunction += `, ${timingFunction}`;
+    }
+    return acc;
+  }, {});
+}
+const transitionGlobalInputs = ['-moz-initial', 'inherit', 'initial', 'revert', 'unset'];
+function isTransitionGlobalInputs(values) {
+  return values.length === 1 && transitionGlobalInputs.includes(values[0]);
+}
+function normalizeTransitionInputs(transitionInputs) {
+  if (transitionInputs.length === 1 && Array.isArray(transitionInputs[0])) {
+    return transitionInputs[0];
+  }
+  return [transitionInputs];
+}
+
+export { transition };
+//# sourceMappingURL=transition.esm.js.map

node_modules/@griffel/core/shorthands/utils.cjs.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const LINE_STYLES = ['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'];
+function isBorderStyle(value) {
+  return LINE_STYLES.includes(value);
+}
+
+exports.isBorderStyle = isBorderStyle;
+//# sourceMappingURL=utils.cjs.js.map

node_modules/@griffel/core/shorthands/utils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs.js","sources":["../../../../packages/core/src/shorthands/utils.ts"],"sourcesContent":["import type { GriffelStylesCSSValue } from '@griffel/style-types';\nimport type * as CSS from 'csstype';\n\nconst LINE_STYLES: CSS.DataType.LineStyle[] = [\n  'none',\n  'hidden',\n  'dotted',\n  'dashed',\n  'solid',\n  'double',\n  'groove',\n  'ridge',\n  'inset',\n  'outset',\n];\n\nexport function isBorderStyle(value: GriffelStylesCSSValue | GriffelStylesCSSValue[]): value is CSS.DataType.LineStyle {\n  return LINE_STYLES.includes(value as CSS.DataType.LineStyle);\n}\n"],"names":["LINE_STYLES","isBorderStyle","value","includes"],"mappings":";;AAGA,MAAMA,WAAW,GAA6B,CAC5C,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,CACT;AAEK,SAAUC,aAAaA,CAACC,KAAsD,EAAA;AAClF,EAAA,OAAOF,WAAW,CAACG,QAAQ,CAACD,KAA+B,CAAC;AAC9D;;;;"}

node_modules/@griffel/core/shorthands/utils.esm.js

@@ -0,0 +1,7 @@
+const LINE_STYLES = ['none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'];
+function isBorderStyle(value) {
+  return LINE_STYLES.includes(value);
+}
+
+export { isBorderStyle };
+//# sourceMappingURL=utils.esm.js.map

node_modules/@griffel/core/shorthands/utils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.esm.js","sources":["../../../../packages/core/src/shorthands/utils.ts"],"sourcesContent":["import type { GriffelStylesCSSValue } from '@griffel/style-types';\nimport type * as CSS from 'csstype';\n\nconst LINE_STYLES: CSS.DataType.LineStyle[] = [\n  'none',\n  'hidden',\n  'dotted',\n  'dashed',\n  'solid',\n  'double',\n  'groove',\n  'ridge',\n  'inset',\n  'outset',\n];\n\nexport function isBorderStyle(value: GriffelStylesCSSValue | GriffelStylesCSSValue[]): value is CSS.DataType.LineStyle {\n  return LINE_STYLES.includes(value as CSS.DataType.LineStyle);\n}\n"],"names":["LINE_STYLES","isBorderStyle","value","includes"],"mappings":"AAGA,MAAMA,WAAW,GAA6B,CAC5C,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,CACT;AAEK,SAAUC,aAAaA,CAACC,KAAsD,EAAA;AAClF,EAAA,OAAOF,WAAW,CAACG,QAAQ,CAACD,KAA+B,CAAC;AAC9D;;;;"}