@dynatrace/strato-components 0.84.42 → 0.84.51

package/esm/styles/extract-util.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/extract-util.ts"],
+  "sourcesContent": ["/**\n * Helper function that will extract all props from an object and will return them.\n * The rest returned are the ones that don\u00B4t belong to the object.\n * @internal\n */\nexport function extract<T extends object, K extends keyof T>(\n  obj: T,\n  keys: Array<K>,\n): { extracted: Pick<T, K>; rest: Omit<T, K> } {\n  const extracted: Pick<T, K> = {} as Pick<T, K>;\n  const rest: Omit<T, K> = { ...obj } as Omit<T, K>;\n  for (const key of keys) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      extracted[key] = obj[key];\n      // @ts-expect-error: Typesafety is not given for hasOwnProperty where it states that key could still be of type K\n      delete rest[key];\n    }\n  }\n\n  return { extracted, rest };\n}\n"],
+  "mappings": "AAKO,SAAS,QACd,KACA,MAC6C;AAC7C,QAAM,YAAwB,CAAC;AAC/B,QAAM,OAAmB,EAAE,GAAG,IAAI;AAClC,aAAW,OAAO,MAAM;AACtB,QAAI,OAAO,UAAU,eAAe,KAAK,KAAK,GAAG,GAAG;AAClD,gBAAU,GAAG,IAAI,IAAI,GAAG;AAExB,aAAO,KAAK,GAAG;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,EAAE,WAAW,KAAK;AAC3B;",
+  "names": []
+}

package/esm/styles/getFlexStyles.js

@@ -0,0 +1,69 @@
+import clsx from "clsx";
+import { extract } from "./extract-util.js";
+import { getGapSprinkles } from "./getGapSprinkles.js";
+import {
+  getGridFlexPositionSprinkles
+} from "./getGridFlexPositionSprinkles.js";
+import { getLayoutSizeStyles } from "./getLayoutSizeStyles.js";
+import { getSpacingSprinkles } from "./getSpacingSprinkles.js";
+import { globalSprinkles } from "./safe-sprinkles.js";
+const flexItemPropKeys = ["flexItem"];
+const flexStylePropKeys = [
+  /* Flex item props */
+  "order",
+  "flexGrow",
+  "flexShrink",
+  "flexBasis",
+  "flex",
+  /* Grid container props */
+  "flexDirection",
+  "flexWrap",
+  "flexFlow",
+  /* Grid item props */
+  "gridColumnStart",
+  "gridColumnEnd",
+  "gridRowStart",
+  "gridRowEnd",
+  "gridColumn",
+  "gridRow",
+  "gridArea"
+];
+function extractFlexItem(props) {
+  const { extracted, rest } = extract(props, flexItemPropKeys);
+  return { extracted, rest };
+}
+function getFlexStyles(props, defaults = {}) {
+  const { extracted: additionalFlexStyles, rest } = extract(
+    props,
+    flexStylePropKeys
+  );
+  const [sizeStyles, afterSizeExtraction] = getLayoutSizeStyles(rest, defaults);
+  const [gridFlexClassNames, gridFlexRemainingProps] = getGridFlexPositionSprinkles(afterSizeExtraction, defaults);
+  const [spacingClassNames, spacingRemainingProps] = getSpacingSprinkles(
+    gridFlexRemainingProps,
+    defaults
+  );
+  const [gapClassNames, gapRemainingProps] = getGapSprinkles(
+    spacingRemainingProps,
+    defaults
+  );
+  const { extracted: flexItemProps, rest: remainingProps } = extractFlexItem(gapRemainingProps);
+  const flexItemClassName = flexItemProps.flexItem ? void 0 : globalSprinkles({ display: "flex" });
+  return [
+    clsx(
+      gridFlexClassNames,
+      spacingClassNames,
+      gapClassNames,
+      flexItemClassName
+    ),
+    {
+      ...sizeStyles,
+      ...additionalFlexStyles
+    },
+    remainingProps
+  ];
+}
+export {
+  getFlexStyles
+};
+//# sourceMappingURL=getFlexStyles.js.map

package/esm/styles/getFlexStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/getFlexStyles.ts"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport React from 'react';\n\nimport { extract } from './extract-util.js';\nimport { GapProps, getGapSprinkles } from './getGapSprinkles.js';\nimport {\n  GridFlexPositionProps,\n  getGridFlexPositionSprinkles,\n} from './getGridFlexPositionSprinkles.js';\nimport { LayoutSizeProps, getLayoutSizeStyles } from './getLayoutSizeStyles.js';\nimport { SpacingProps, getSpacingSprinkles } from './getSpacingSprinkles.js';\nimport { globalSprinkles } from './safe-sprinkles.js';\n\n/**\n * Defines the flex item style props.\n * @public\n */\nexport interface FlexItemStyleProps {\n  /**\n   * Determines whether this is a flex item.\n   * If true, display: 'flex' style will not be added.\n   */\n  flexItem?: boolean;\n}\n\n/**\n * Keys that will define the flex item.\n * @public\n */\nconst flexItemPropKeys: Array<keyof FlexItemStyleProps> = ['flexItem'];\n\n/**\n * Defines the flex props.\n * @public\n */\nexport interface FlexStyleProps\n  extends GridFlexPositionProps,\n    GapProps,\n    LayoutSizeProps,\n    SpacingProps,\n    FlexItemStyleProps {\n  /* Flex item props */\n  /** Defines order */\n  order?: React.CSSProperties['order'];\n  /** Defines flex grow */\n  flexGrow?: React.CSSProperties['flexGrow'];\n  /** Defines flex shrink */\n  flexShrink?: React.CSSProperties['flexShrink'];\n  /** Defines flex basis */\n  flexBasis?: React.CSSProperties['flexBasis'];\n  /** Defines flex */\n  flex?: React.CSSProperties['flex'];\n  /* Flex container props */\n  /** Defines flex direction */\n  flexDirection?: React.CSSProperties['flexDirection'];\n  /** Defines flex wrap */\n  flexWrap?: React.CSSProperties['flexWrap'];\n  /** Defines flex flow */\n  flexFlow?: React.CSSProperties['flexFlow'];\n  /* Grid item props */\n  /** Defines grid column start */\n  gridColumnStart?: React.CSSProperties['gridColumnStart'];\n  /** Defines grid column end */\n  gridColumnEnd?: React.CSSProperties['gridColumnEnd'];\n  /** Defines grid row start */\n  gridRowStart?: React.CSSProperties['gridRowStart'];\n  /** Defines grid row end */\n  gridRowEnd?: React.CSSProperties['gridRowEnd'];\n  /** Defines grid column */\n  gridColumn?: React.CSSProperties['gridColumn'];\n  /** Defines grid row */\n  gridRow?: React.CSSProperties['gridRow'];\n  /** Defines grid area */\n  gridArea?: React.CSSProperties['gridArea'];\n}\n\n/**\n * Keys that will define the flex.\n * @public\n */\nconst flexStylePropKeys: Array<keyof FlexStyleProps> = [\n  /* Flex item props */\n  'order',\n  'flexGrow',\n  'flexShrink',\n  'flexBasis',\n  'flex',\n  /* Grid container props */\n  'flexDirection',\n  'flexWrap',\n  'flexFlow',\n  /* Grid item props */\n  'gridColumnStart',\n  'gridColumnEnd',\n  'gridRowStart',\n  'gridRowEnd',\n  'gridColumn',\n  'gridRow',\n  'gridArea',\n];\n\n// This one is split out of the getFlexStyles to ease typing, as the generic\n// would be overly complex when using inline.\n/**\n * Extracts the flexItem prop from the remaining props.\n * @public\n */\nfunction extractFlexItem<T extends FlexItemStyleProps>(\n  props: T,\n): {\n  extracted: Pick<T, keyof FlexItemStyleProps>;\n  rest: Omit<T, keyof FlexItemStyleProps>;\n} {\n  const { extracted, rest } = extract(props, flexItemPropKeys);\n  return { extracted, rest };\n}\n\n/**\n * Helper function that will extract all styling relevant props for the Flex styling\n * and will return them as classnames and style attributes.\n * The remaining props returned are the ones that no longer contain any Flex styling\n * related entries.\n * @public\n */\nexport function getFlexStyles<T extends FlexStyleProps>(\n  props: T,\n  defaults: Partial<FlexStyleProps> = {},\n): [\n  className: string,\n  style: React.CSSProperties,\n  remainingProps: Omit<T, keyof FlexStyleProps>,\n] {\n  const { extracted: additionalFlexStyles, rest } = extract(\n    props,\n    flexStylePropKeys,\n  );\n\n  const [sizeStyles, afterSizeExtraction] = getLayoutSizeStyles(rest, defaults);\n\n  const [gridFlexClassNames, gridFlexRemainingProps] =\n    getGridFlexPositionSprinkles(afterSizeExtraction, defaults);\n\n  const [spacingClassNames, spacingRemainingProps] = getSpacingSprinkles(\n    gridFlexRemainingProps,\n    defaults,\n  );\n\n  const [gapClassNames, gapRemainingProps] = getGapSprinkles(\n    spacingRemainingProps,\n    defaults,\n  );\n\n  const { extracted: flexItemProps, rest: remainingProps } =\n    extractFlexItem(gapRemainingProps);\n\n  const flexItemClassName = flexItemProps.flexItem\n    ? undefined\n    : globalSprinkles({ display: 'flex' });\n\n  return [\n    clsx(\n      gridFlexClassNames,\n      spacingClassNames,\n      gapClassNames,\n      flexItemClassName,\n    ),\n    {\n      ...sizeStyles,\n      ...additionalFlexStyles,\n    },\n    remainingProps as Omit<T, keyof FlexStyleProps>,\n  ];\n}\n"],
+  "mappings": "AAAA,OAAO,UAAU;AAGjB,SAAS,eAAe;AACxB,SAAmB,uBAAuB;AAC1C;AAAA,EAEE;AAAA,OACK;AACP,SAA0B,2BAA2B;AACrD,SAAuB,2BAA2B;AAClD,SAAS,uBAAuB;AAkBhC,MAAM,mBAAoD,CAAC,UAAU;AAmDrE,MAAM,oBAAiD;AAAA;AAAA,EAErD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,SAAS,gBACP,OAIA;AACA,QAAM,EAAE,WAAW,KAAK,IAAI,QAAQ,OAAO,gBAAgB;AAC3D,SAAO,EAAE,WAAW,KAAK;AAC3B;AASO,SAAS,cACd,OACA,WAAoC,CAAC,GAKrC;AACA,QAAM,EAAE,WAAW,sBAAsB,KAAK,IAAI;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,YAAY,mBAAmB,IAAI,oBAAoB,MAAM,QAAQ;AAE5E,QAAM,CAAC,oBAAoB,sBAAsB,IAC/C,6BAA6B,qBAAqB,QAAQ;AAE5D,QAAM,CAAC,mBAAmB,qBAAqB,IAAI;AAAA,IACjD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,eAAe,iBAAiB,IAAI;AAAA,IACzC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,WAAW,eAAe,MAAM,eAAe,IACrD,gBAAgB,iBAAiB;AAEnC,QAAM,oBAAoB,cAAc,WACpC,SACA,gBAAgB,EAAE,SAAS,OAAO,CAAC;AAEvC,SAAO;AAAA,IACL;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/styles/getGapSprinkles.js

@@ -0,0 +1,18 @@
+import { extract } from "./extract-util.js";
+import { globalSprinkles } from "./safe-sprinkles.js";
+const gapPropKeys = ["gap", "rowGap", "columnGap"];
+function getGapSprinkles(props, defaults = {}) {
+  const { extracted, rest } = extract(props, gapPropKeys);
+  const { extracted: extractedDefaults } = extract(defaults, gapPropKeys);
+  return [
+    globalSprinkles({
+      ...extractedDefaults,
+      ...extracted
+    }),
+    rest
+  ];
+}
+export {
+  getGapSprinkles
+};
+//# sourceMappingURL=getGapSprinkles.js.map

package/esm/styles/getGapSprinkles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/getGapSprinkles.ts"],
+  "sourcesContent": ["import { extract } from './extract-util.js';\nimport { globalSprinkles } from './safe-sprinkles.js';\nimport { type SpacingProperties } from './sprinkle-properties.js';\n\n/**\n * Defines the box gap props.\n * @public\n */\nexport interface GapProps {\n  /** Defines gap */\n  gap?: SpacingProperties;\n  /** Defines row gap */\n  rowGap?: SpacingProperties;\n  /** Defines column gap */\n  columnGap?: SpacingProperties;\n}\n\n/**\n * Keys that will define the gap of a component.\n * @public\n */\nconst gapPropKeys: Array<keyof GapProps> = ['gap', 'rowGap', 'columnGap'];\n\n/**\n * Given a set of props will return the relevant class names for the gap sprinkles\n * and the remaining props.\n * @internal\n */\nexport function getGapSprinkles<T extends GapProps>(\n  props: T,\n  defaults: Partial<GapProps> = {},\n): [className: string, remainingProps: Omit<T, keyof GapProps>] {\n  const { extracted, rest } = extract(props, gapPropKeys);\n  const { extracted: extractedDefaults } = extract(defaults, gapPropKeys);\n\n  return [\n    globalSprinkles({\n      ...extractedDefaults,\n      ...extracted,\n    }),\n    rest,\n  ];\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAoBhC,MAAM,cAAqC,CAAC,OAAO,UAAU,WAAW;AAOjE,SAAS,gBACd,OACA,WAA8B,CAAC,GAC+B;AAC9D,QAAM,EAAE,WAAW,KAAK,IAAI,QAAQ,OAAO,WAAW;AACtD,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ,UAAU,WAAW;AAEtE,SAAO;AAAA,IACL,gBAAgB;AAAA,MACd,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AAAA,IACD;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/styles/getGridFlexPositionSprinkles.js

@@ -0,0 +1,25 @@
+import { extract } from "./extract-util.js";
+import { globalSprinkles } from "./safe-sprinkles.js";
+const gridFlexPositionPropKeys = [
+  "justifySelf",
+  "alignSelf",
+  "placeSelf",
+  "justifyItems",
+  "alignItems",
+  "placeItems",
+  "justifyContent",
+  "alignContent",
+  "placeContent"
+];
+function getGridFlexPositionSprinkles(props, defaults = {}) {
+  const { extracted, rest } = extract(props, gridFlexPositionPropKeys);
+  const { extracted: extractedDefaults } = extract(
+    defaults,
+    gridFlexPositionPropKeys
+  );
+  return [globalSprinkles({ ...extractedDefaults, ...extracted }), rest];
+}
+export {
+  getGridFlexPositionSprinkles
+};
+//# sourceMappingURL=getGridFlexPositionSprinkles.js.map

package/esm/styles/getGridFlexPositionSprinkles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/getGridFlexPositionSprinkles.ts"],
+  "sourcesContent": ["import { extract } from './extract-util.js';\nimport { globalSprinkles } from './safe-sprinkles.js';\nimport {\n  AlignContentPositionProps,\n  AlignItemsPositionProps,\n  AlignSelfPositionProps,\n  JustifyContentPositionProps,\n  JustifyItemsPositionProps,\n  JustifySelfPositionProps,\n  PlaceContentPositionProps,\n  PlaceItemsPositionProps,\n  PlaceSelfPositionProps,\n} from './sprinkle-properties.js';\n\n/**\n * Defines the grid flex positions props.\n * @public\n */\nexport interface GridFlexPositionProps {\n  /** justify self positions */\n  justifySelf?: JustifySelfPositionProps;\n  /** align self positions */\n  alignSelf?: AlignSelfPositionProps;\n  /** place self positions */\n  placeSelf?: PlaceSelfPositionProps;\n  /** justify items positions */\n  justifyItems?: JustifyItemsPositionProps;\n  /** align items positions */\n  alignItems?: AlignItemsPositionProps;\n  /** place items positions */\n  placeItems?: PlaceItemsPositionProps;\n  /** justify content positions */\n  justifyContent?: JustifyContentPositionProps;\n  /** align content positions */\n  alignContent?: AlignContentPositionProps;\n  /** place content positions */\n  placeContent?: PlaceContentPositionProps;\n}\n\n/**\n * Keys that will define the grid flex positions.\n * @public\n */\nconst gridFlexPositionPropKeys: Array<keyof GridFlexPositionProps> = [\n  'justifySelf',\n  'alignSelf',\n  'placeSelf',\n  'justifyItems',\n  'alignItems',\n  'placeItems',\n  'justifyContent',\n  'alignContent',\n  'placeContent',\n];\n\n/**\n * Given a set of props, this function will extract the sprinkles props for\n * Grid/Flex Position spinkles and return the appropriate\n * classnames as well as the remaining props.\n * @internal\n * */\nexport function getGridFlexPositionSprinkles<T extends GridFlexPositionProps>(\n  props: T,\n  defaults: Partial<GridFlexPositionProps> = {},\n): [\n  sprinklesClassNames: string,\n  remainingProps: Omit<T, keyof GridFlexPositionProps>,\n] {\n  const { extracted, rest } = extract(props, gridFlexPositionPropKeys);\n  const { extracted: extractedDefaults } = extract(\n    defaults,\n    gridFlexPositionPropKeys,\n  );\n\n  return [globalSprinkles({ ...extractedDefaults, ...extracted }), rest];\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,uBAAuB;AA0ChC,MAAM,2BAA+D;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQO,SAAS,6BACd,OACA,WAA2C,CAAC,GAI5C;AACA,QAAM,EAAE,WAAW,KAAK,IAAI,QAAQ,OAAO,wBAAwB;AACnE,QAAM,EAAE,WAAW,kBAAkB,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACF;AAEA,SAAO,CAAC,gBAAgB,EAAE,GAAG,mBAAmB,GAAG,UAAU,CAAC,GAAG,IAAI;AACvE;",
+  "names": []
+}

package/esm/styles/getGridStyles.js

@@ -0,0 +1,78 @@
+import clsx from "clsx";
+import { extract } from "./extract-util.js";
+import { getGapSprinkles } from "./getGapSprinkles.js";
+import {
+  getGridFlexPositionSprinkles
+} from "./getGridFlexPositionSprinkles.js";
+import {
+  getLayoutSizeStyles
+} from "./getLayoutSizeStyles.js";
+import {
+  getSpacingSprinkles
+} from "./getSpacingSprinkles.js";
+import { globalSprinkles } from "./safe-sprinkles.js";
+const gridItemPropKeys = ["gridItem"];
+const gridStylePropKeys = [
+  /* Flex item props */
+  "order",
+  "flexGrow",
+  "flexShrink",
+  "flexBasis",
+  "flex",
+  /* Grid container props */
+  "gridTemplateColumns",
+  "gridTemplateRows",
+  "gridTemplateAreas",
+  "gridTemplate",
+  "gridAutoColumns",
+  "gridAutoRows",
+  "gridAutoFlow",
+  "grid",
+  /* Grid item props */
+  "gridColumnStart",
+  "gridColumnEnd",
+  "gridRowStart",
+  "gridRowEnd",
+  "gridColumn",
+  "gridRow",
+  "gridArea"
+];
+function extractGridItem(props) {
+  const { extracted, rest } = extract(props, gridItemPropKeys);
+  return { extracted, rest };
+}
+function getGridStyles(props, defaults = {}) {
+  const { extracted: additionalGridStyles, rest } = extract(
+    props,
+    gridStylePropKeys
+  );
+  const [sizeStyles, afterSizeExtraction] = getLayoutSizeStyles(rest, defaults);
+  const [gridFlexClassNames, gridFlexRemainingProps] = getGridFlexPositionSprinkles(afterSizeExtraction, defaults);
+  const [spacingClassNames, spacingRemainingProps] = getSpacingSprinkles(
+    gridFlexRemainingProps,
+    defaults
+  );
+  const [gapClassNames, gapRemainingProps] = getGapSprinkles(
+    spacingRemainingProps,
+    defaults
+  );
+  const { extracted: gridItemProps, rest: remainingProps } = extractGridItem(gapRemainingProps);
+  const gridItemClassName = gridItemProps.gridItem ? void 0 : globalSprinkles({ display: "grid" });
+  return [
+    clsx(
+      gridFlexClassNames,
+      spacingClassNames,
+      gapClassNames,
+      gridItemClassName
+    ),
+    {
+      ...sizeStyles,
+      ...additionalGridStyles
+    },
+    remainingProps
+  ];
+}
+export {
+  getGridStyles
+};
+//# sourceMappingURL=getGridStyles.js.map

package/esm/styles/getGridStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/getGridStyles.ts"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport React from 'react';\n\nimport { extract } from './extract-util.js';\nimport { type GapProps, getGapSprinkles } from './getGapSprinkles.js';\nimport {\n  type GridFlexPositionProps,\n  getGridFlexPositionSprinkles,\n} from './getGridFlexPositionSprinkles.js';\nimport {\n  type LayoutSizeProps,\n  getLayoutSizeStyles,\n} from './getLayoutSizeStyles.js';\nimport {\n  type SpacingProps,\n  getSpacingSprinkles,\n} from './getSpacingSprinkles.js';\nimport { globalSprinkles } from './safe-sprinkles.js';\n\n/**\n * Defines the grid item props.\n * @public\n */\nexport interface GridItemStyleProps {\n  /**\n   * Determines whether this is a grid item.\n   * If true, display: 'grid' style will not be added.\n   */\n  gridItem?: boolean;\n}\n\n/**\n * Keys that will define the grid item\n * @public\n */\nconst gridItemPropKeys: Array<keyof GridItemStyleProps> = ['gridItem'];\n\n/**\n * Defines the grid style props.\n * @public\n */\nexport interface GridStyleProps\n  extends GridFlexPositionProps,\n    GapProps,\n    LayoutSizeProps,\n    SpacingProps,\n    GridItemStyleProps {\n  /* Flex item props */\n  /** Defines order */\n  order?: React.CSSProperties['order'];\n  /** Defines flex grow */\n  flexGrow?: React.CSSProperties['flexGrow'];\n  /** Defines flex shrink */\n  flexShrink?: React.CSSProperties['flexShrink'];\n  /** Defines flex basis */\n  flexBasis?: React.CSSProperties['flexBasis'];\n  /** Defines flex */\n  flex?: React.CSSProperties['flex'];\n  /* Grid container props */\n  /** Defines grid template columns */\n  gridTemplateColumns?: React.CSSProperties['gridTemplateColumns'];\n  /** Defines grid template rows */\n  gridTemplateRows?: React.CSSProperties['gridTemplateRows'];\n  /** Defines grid template areas */\n  gridTemplateAreas?: React.CSSProperties['gridTemplateAreas'];\n  /** Defines grid template */\n  gridTemplate?: React.CSSProperties['gridTemplate'];\n  /** Defines grid auto columns */\n  gridAutoColumns?: React.CSSProperties['gridAutoColumns'];\n  /** Defines grid auto rows */\n  gridAutoRows?: React.CSSProperties['gridAutoRows'];\n  /** Defines grid auto flow */\n  gridAutoFlow?: React.CSSProperties['gridAutoFlow'];\n  /** Defines grid */\n  grid?: React.CSSProperties['grid'];\n  /* Grid item props */\n  /** Defines grid column start */\n  gridColumnStart?: React.CSSProperties['gridColumnStart'];\n  /** Defines grid column end */\n  gridColumnEnd?: React.CSSProperties['gridColumnEnd'];\n  /** Defines grid row start */\n  gridRowStart?: React.CSSProperties['gridRowStart'];\n  /** Defines grid row end */\n  gridRowEnd?: React.CSSProperties['gridRowEnd'];\n  /** Defines grid column */\n  gridColumn?: React.CSSProperties['gridColumn'];\n  /** Defines grid row */\n  gridRow?: React.CSSProperties['gridRow'];\n  /** Defines grid area */\n  gridArea?: React.CSSProperties['gridArea'];\n}\n\n/**\n * Keys that will define the grid style.\n * @public\n */\nconst gridStylePropKeys: Array<keyof GridStyleProps> = [\n  /* Flex item props */\n  'order',\n  'flexGrow',\n  'flexShrink',\n  'flexBasis',\n  'flex',\n  /* Grid container props */\n  'gridTemplateColumns',\n  'gridTemplateRows',\n  'gridTemplateAreas',\n  'gridTemplate',\n  'gridAutoColumns',\n  'gridAutoRows',\n  'gridAutoFlow',\n  'grid',\n  /* Grid item props */\n  'gridColumnStart',\n  'gridColumnEnd',\n  'gridRowStart',\n  'gridRowEnd',\n  'gridColumn',\n  'gridRow',\n  'gridArea',\n];\n\n// This one is split out of the getGridStyles to ease typing, as the generic\n// would be overly complex when using inline.\n/**\n * Extracts the gridItem prop from the remaining props.\n * @internal\n */\nfunction extractGridItem<T extends GridItemStyleProps>(\n  props: T,\n): {\n  extracted: Pick<T, keyof GridItemStyleProps>;\n  rest: Omit<T, keyof GridItemStyleProps>;\n} {\n  const { extracted, rest } = extract(props, gridItemPropKeys);\n  return { extracted, rest };\n}\n\n/**\n * Helper function that will extract all styling relevant props for the Grid styling\n * and will return them as classnames and style attributes.\n * The remaining props returned are the ones that no longer contain any Grid styling\n * related entries.\n * @internal\n */\nexport function getGridStyles<T extends GridStyleProps>(\n  props: T,\n  defaults: Partial<GridStyleProps> = {},\n): [\n  className: string,\n  style: React.CSSProperties,\n  remainingProps: Omit<T, keyof GridStyleProps>,\n] {\n  const { extracted: additionalGridStyles, rest } = extract(\n    props,\n    gridStylePropKeys,\n  );\n\n  const [sizeStyles, afterSizeExtraction] = getLayoutSizeStyles(rest, defaults);\n\n  const [gridFlexClassNames, gridFlexRemainingProps] =\n    getGridFlexPositionSprinkles(afterSizeExtraction, defaults);\n\n  const [spacingClassNames, spacingRemainingProps] = getSpacingSprinkles(\n    gridFlexRemainingProps,\n    defaults,\n  );\n\n  const [gapClassNames, gapRemainingProps] = getGapSprinkles(\n    spacingRemainingProps,\n    defaults,\n  );\n\n  const { extracted: gridItemProps, rest: remainingProps } =\n    extractGridItem(gapRemainingProps);\n\n  const gridItemClassName = gridItemProps.gridItem\n    ? undefined\n    : globalSprinkles({ display: 'grid' });\n\n  return [\n    clsx(\n      gridFlexClassNames,\n      spacingClassNames,\n      gapClassNames,\n      gridItemClassName,\n    ),\n    {\n      ...sizeStyles,\n      ...additionalGridStyles,\n    },\n    remainingProps as Omit<T, keyof GridStyleProps>,\n  ];\n}\n"],
+  "mappings": "AAAA,OAAO,UAAU;AAGjB,SAAS,eAAe;AACxB,SAAwB,uBAAuB;AAC/C;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AACP,SAAS,uBAAuB;AAkBhC,MAAM,mBAAoD,CAAC,UAAU;AA6DrE,MAAM,oBAAiD;AAAA;AAAA,EAErD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,SAAS,gBACP,OAIA;AACA,QAAM,EAAE,WAAW,KAAK,IAAI,QAAQ,OAAO,gBAAgB;AAC3D,SAAO,EAAE,WAAW,KAAK;AAC3B;AASO,SAAS,cACd,OACA,WAAoC,CAAC,GAKrC;AACA,QAAM,EAAE,WAAW,sBAAsB,KAAK,IAAI;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,YAAY,mBAAmB,IAAI,oBAAoB,MAAM,QAAQ;AAE5E,QAAM,CAAC,oBAAoB,sBAAsB,IAC/C,6BAA6B,qBAAqB,QAAQ;AAE5D,QAAM,CAAC,mBAAmB,qBAAqB,IAAI;AAAA,IACjD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,eAAe,iBAAiB,IAAI;AAAA,IACzC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,WAAW,eAAe,MAAM,eAAe,IACrD,gBAAgB,iBAAiB;AAEnC,QAAM,oBAAoB,cAAc,WACpC,SACA,gBAAgB,EAAE,SAAS,OAAO,CAAC;AAEvC,SAAO;AAAA,IACL;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/styles/getLayoutSizeStyles.js

@@ -0,0 +1,21 @@
+import { extract } from "./extract-util.js";
+const layoutSizePropKeys = [
+  "width",
+  "minWidth",
+  "maxWidth",
+  "height",
+  "minHeight",
+  "maxHeight"
+];
+function getLayoutSizeStyles(props, defaults = {}) {
+  const { extracted, rest } = extract(props, layoutSizePropKeys);
+  const { extracted: extractedDefaults } = extract(
+    defaults,
+    layoutSizePropKeys
+  );
+  return [{ ...extractedDefaults, ...extracted }, rest];
+}
+export {
+  getLayoutSizeStyles
+};
+//# sourceMappingURL=getLayoutSizeStyles.js.map

package/esm/styles/getLayoutSizeStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/getLayoutSizeStyles.ts"],
+  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport { extract } from './extract-util.js';\n\n/**\n * Defines the layout size props.\n * @public\n */\nexport interface LayoutSizeProps {\n  /** CSS width property */\n  width?: CSSProperties['width'];\n  /** CSS min width property */\n  minWidth?: CSSProperties['minWidth'];\n  /** CSS max width property */\n  maxWidth?: CSSProperties['maxWidth'];\n  /** CSS height property */\n  height?: CSSProperties['height'];\n  /** CSS min height property */\n  minHeight?: CSSProperties['minHeight'];\n  /** CSS max height property */\n  maxHeight?: CSSProperties['maxHeight'];\n}\n\n/**\n * Keys that will define the layout size.\n * @public\n */\nconst layoutSizePropKeys: Array<keyof LayoutSizeProps> = [\n  'width',\n  'minWidth',\n  'maxWidth',\n  'height',\n  'minHeight',\n  'maxHeight',\n];\n\n/**\n * Will extract layout sizing relevant styles from the passed props and\n * will return a defaulted styles object as well as the remaining props excluding\n * the sizing relevant props.\n * @internal\n */\nexport function getLayoutSizeStyles<T extends LayoutSizeProps>(\n  props: T,\n  defaults: Partial<LayoutSizeProps> = {},\n): [\n  sizeStyles: Partial<LayoutSizeProps>,\n  remainingProps: Omit<T, keyof LayoutSizeProps>,\n] {\n  const { extracted, rest } = extract(props, layoutSizePropKeys);\n  const { extracted: extractedDefaults } = extract(\n    defaults,\n    layoutSizePropKeys,\n  );\n\n  return [{ ...extractedDefaults, ...extracted }, rest];\n}\n"],
+  "mappings": "AAEA,SAAS,eAAe;AAyBxB,MAAM,qBAAmD;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQO,SAAS,oBACd,OACA,WAAqC,CAAC,GAItC;AACA,QAAM,EAAE,WAAW,KAAK,IAAI,QAAQ,OAAO,kBAAkB;AAC7D,QAAM,EAAE,WAAW,kBAAkB,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACF;AAEA,SAAO,CAAC,EAAE,GAAG,mBAAmB,GAAG,UAAU,GAAG,IAAI;AACtD;",
+  "names": []
+}

package/esm/styles/getSpacingSprinkles.js

@@ -0,0 +1,50 @@
+import { extract } from "./extract-util.js";
+import { globalSprinkles } from "./safe-sprinkles.js";
+const spacingPropKeys = [
+  "padding",
+  "p",
+  "paddingX",
+  "px",
+  "paddingY",
+  "py",
+  "paddingTop",
+  "pt",
+  "paddingRight",
+  "pr",
+  "paddingBottom",
+  "pb",
+  "paddingLeft",
+  "pl",
+  "margin",
+  "m",
+  "marginX",
+  "mx",
+  "marginY",
+  "my",
+  "marginTop",
+  "mt",
+  "marginRight",
+  "mr",
+  "marginBottom",
+  "mb",
+  "marginLeft",
+  "ml"
+];
+function getSpacingSprinkles(props, defaults = {}) {
+  const { extracted, rest } = extract(props, spacingPropKeys);
+  const spacingSprinkleConfig = {
+    paddingTop: extracted.pt ?? extracted.paddingTop ?? defaults.paddingTop ?? extracted.py ?? extracted.paddingY ?? defaults.paddingY ?? extracted.p ?? extracted.padding ?? defaults.padding,
+    paddingRight: extracted.pr ?? extracted.paddingRight ?? defaults.paddingRight ?? extracted.px ?? extracted.paddingX ?? defaults.paddingX ?? extracted.p ?? extracted.padding ?? defaults.padding,
+    paddingBottom: extracted.pb ?? extracted.paddingBottom ?? defaults.paddingBottom ?? extracted.py ?? extracted.paddingY ?? defaults.paddingY ?? extracted.p ?? extracted.padding ?? defaults.padding,
+    paddingLeft: extracted.pl ?? extracted.paddingLeft ?? defaults.paddingLeft ?? extracted.px ?? extracted.paddingX ?? defaults.paddingX ?? extracted.p ?? extracted.padding ?? defaults.padding,
+    marginTop: extracted.mt ?? extracted.marginTop ?? defaults.marginTop ?? extracted.my ?? extracted.marginY ?? defaults.marginY ?? extracted.m ?? extracted.margin ?? defaults.margin,
+    marginRight: extracted.mr ?? extracted.marginRight ?? defaults.marginRight ?? extracted.mx ?? extracted.marginX ?? defaults.marginX ?? extracted.m ?? extracted.margin ?? defaults.margin,
+    marginBottom: extracted.mb ?? extracted.marginBottom ?? defaults.marginBottom ?? extracted.my ?? extracted.marginY ?? defaults.marginY ?? extracted.m ?? extracted.margin ?? defaults.margin,
+    marginLeft: extracted.ml ?? extracted.marginLeft ?? defaults.marginLeft ?? extracted.mx ?? extracted.marginX ?? defaults.marginX ?? extracted.m ?? extracted.margin ?? defaults.margin
+  };
+  return [globalSprinkles(spacingSprinkleConfig), rest];
+}
+export {
+  getSpacingSprinkles
+};
+//# sourceMappingURL=getSpacingSprinkles.js.map

package/esm/styles/getSpacingSprinkles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/getSpacingSprinkles.ts"],
+  "sourcesContent": ["import { extract } from './extract-util.js';\nimport { globalSprinkles } from './safe-sprinkles.js';\nimport type {\n  MarginProperties,\n  SpacingProperties,\n} from './sprinkle-properties.js';\n\n/**\n * Defines the box spacing props.\n * @public\n */\nexport interface SpacingProps {\n  /** Defines CSS padding property */\n  padding?: SpacingProperties;\n  /** Defines CSS padding property */\n  p?: SpacingProperties;\n\n  /** Defines CSS x padding property */\n  paddingX?: SpacingProperties;\n  /** Defines CSS x padding property */\n  px?: SpacingProperties;\n\n  /** Defines CSS y padding property */\n  paddingY?: SpacingProperties;\n  /** Defines CSS y padding property */\n  py?: SpacingProperties;\n\n  /** Defines CSS top padding property */\n  paddingTop?: SpacingProperties;\n  /** Defines CSS top padding property */\n  pt?: SpacingProperties;\n\n  /** Defines CSS right padding property */\n  paddingRight?: SpacingProperties;\n  /** Defines CSS right padding property */\n  pr?: SpacingProperties;\n\n  /** Defines CSS bottom padding property */\n  paddingBottom?: SpacingProperties;\n  /** Defines CSS bottom padding property */\n  pb?: SpacingProperties;\n\n  /** Defines CSS left padding property */\n  paddingLeft?: SpacingProperties;\n  /** Defines CSS left padding property */\n  pl?: SpacingProperties;\n\n  /** Defines CSS margin property */\n  margin?: MarginProperties;\n  /** Defines CSS margin property */\n  m?: MarginProperties;\n\n  /** Defines CSS x margin property */\n  marginX?: MarginProperties;\n  /** Defines CSS x margin property */\n  mx?: MarginProperties;\n\n  /** Defines CSS y margin property */\n  marginY?: MarginProperties;\n  /** Definesy CSS margin property */\n  my?: MarginProperties;\n\n  /** Defines CSS top margin property */\n  marginTop?: MarginProperties;\n  /** Defines CSS top margin property */\n  mt?: MarginProperties;\n\n  /** Defines CSS right margin property */\n  marginRight?: MarginProperties;\n  /** Defines CSS right margin property */\n  mr?: MarginProperties;\n\n  /** Defines CSS bottom margin property */\n  marginBottom?: MarginProperties;\n  /** Defines bottom margin property */\n  mb?: MarginProperties;\n\n  /** Defines CSS left margin property */\n  marginLeft?: MarginProperties;\n  /** Defines CSS left margin property */\n  ml?: MarginProperties;\n}\n\n/**\n * Defines the defaults for spacings\n * @internal\n */\nexport type DefaultSpacingProps = Pick<\n  SpacingProps,\n  | 'padding'\n  | 'paddingX'\n  | 'paddingY'\n  | 'paddingTop'\n  | 'paddingRight'\n  | 'paddingBottom'\n  | 'paddingLeft'\n  | 'margin'\n  | 'marginX'\n  | 'marginY'\n  | 'marginTop'\n  | 'marginRight'\n  | 'marginBottom'\n  | 'marginLeft'\n>;\n\n/**\n * Keys that will define the spacing of a component.\n * @public\n */\nconst spacingPropKeys: Array<keyof SpacingProps> = [\n  'padding',\n  'p',\n  'paddingX',\n  'px',\n  'paddingY',\n  'py',\n  'paddingTop',\n  'pt',\n  'paddingRight',\n  'pr',\n  'paddingBottom',\n  'pb',\n  'paddingLeft',\n  'pl',\n  'margin',\n  'm',\n  'marginX',\n  'mx',\n  'marginY',\n  'my',\n  'marginTop',\n  'mt',\n  'marginRight',\n  'mr',\n  'marginBottom',\n  'mb',\n  'marginLeft',\n  'ml',\n];\n\n/**\n * Given a set of props will return the relevant class names for the spacing sprinkles\n * and the remaining props.\n * @internal\n */\nexport function getSpacingSprinkles<T extends SpacingProps>(\n  props: T,\n  defaults: DefaultSpacingProps = {},\n): [sprinklesClassNames: string, remainingProps: Omit<T, keyof SpacingProps>] {\n  const { extracted, rest } = extract(props, spacingPropKeys);\n\n  const spacingSprinkleConfig: Parameters<typeof globalSprinkles>[0] = {\n    paddingTop:\n      extracted.pt ??\n      extracted.paddingTop ??\n      defaults.paddingTop ??\n      extracted.py ??\n      extracted.paddingY ??\n      defaults.paddingY ??\n      extracted.p ??\n      extracted.padding ??\n      defaults.padding,\n    paddingRight:\n      extracted.pr ??\n      extracted.paddingRight ??\n      defaults.paddingRight ??\n      extracted.px ??\n      extracted.paddingX ??\n      defaults.paddingX ??\n      extracted.p ??\n      extracted.padding ??\n      defaults.padding,\n    paddingBottom:\n      extracted.pb ??\n      extracted.paddingBottom ??\n      defaults.paddingBottom ??\n      extracted.py ??\n      extracted.paddingY ??\n      defaults.paddingY ??\n      extracted.p ??\n      extracted.padding ??\n      defaults.padding,\n    paddingLeft:\n      extracted.pl ??\n      extracted.paddingLeft ??\n      defaults.paddingLeft ??\n      extracted.px ??\n      extracted.paddingX ??\n      defaults.paddingX ??\n      extracted.p ??\n      extracted.padding ??\n      defaults.padding,\n    marginTop:\n      extracted.mt ??\n      extracted.marginTop ??\n      defaults.marginTop ??\n      extracted.my ??\n      extracted.marginY ??\n      defaults.marginY ??\n      extracted.m ??\n      extracted.margin ??\n      defaults.margin,\n    marginRight:\n      extracted.mr ??\n      extracted.marginRight ??\n      defaults.marginRight ??\n      extracted.mx ??\n      extracted.marginX ??\n      defaults.marginX ??\n      extracted.m ??\n      extracted.margin ??\n      defaults.margin,\n    marginBottom:\n      extracted.mb ??\n      extracted.marginBottom ??\n      defaults.marginBottom ??\n      extracted.my ??\n      extracted.marginY ??\n      defaults.marginY ??\n      extracted.m ??\n      extracted.margin ??\n      defaults.margin,\n    marginLeft:\n      extracted.ml ??\n      extracted.marginLeft ??\n      defaults.marginLeft ??\n      extracted.mx ??\n      extracted.marginX ??\n      defaults.marginX ??\n      extracted.m ??\n      extracted.margin ??\n      defaults.margin,\n  };\n\n  return [globalSprinkles(spacingSprinkleConfig), rest];\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,uBAAuB;AA4GhC,MAAM,kBAA6C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,SAAS,oBACd,OACA,WAAgC,CAAC,GAC2C;AAC5E,QAAM,EAAE,WAAW,KAAK,IAAI,QAAQ,OAAO,eAAe;AAE1D,QAAM,wBAA+D;AAAA,IACnE,YACE,UAAU,MACV,UAAU,cACV,SAAS,cACT,UAAU,MACV,UAAU,YACV,SAAS,YACT,UAAU,KACV,UAAU,WACV,SAAS;AAAA,IACX,cACE,UAAU,MACV,UAAU,gBACV,SAAS,gBACT,UAAU,MACV,UAAU,YACV,SAAS,YACT,UAAU,KACV,UAAU,WACV,SAAS;AAAA,IACX,eACE,UAAU,MACV,UAAU,iBACV,SAAS,iBACT,UAAU,MACV,UAAU,YACV,SAAS,YACT,UAAU,KACV,UAAU,WACV,SAAS;AAAA,IACX,aACE,UAAU,MACV,UAAU,eACV,SAAS,eACT,UAAU,MACV,UAAU,YACV,SAAS,YACT,UAAU,KACV,UAAU,WACV,SAAS;AAAA,IACX,WACE,UAAU,MACV,UAAU,aACV,SAAS,aACT,UAAU,MACV,UAAU,WACV,SAAS,WACT,UAAU,KACV,UAAU,UACV,SAAS;AAAA,IACX,aACE,UAAU,MACV,UAAU,eACV,SAAS,eACT,UAAU,MACV,UAAU,WACV,SAAS,WACT,UAAU,KACV,UAAU,UACV,SAAS;AAAA,IACX,cACE,UAAU,MACV,UAAU,gBACV,SAAS,gBACT,UAAU,MACV,UAAU,WACV,SAAS,WACT,UAAU,KACV,UAAU,UACV,SAAS;AAAA,IACX,YACE,UAAU,MACV,UAAU,cACV,SAAS,cACT,UAAU,MACV,UAAU,WACV,SAAS,WACT,UAAU,KACV,UAAU,UACV,SAAS;AAAA,EACb;AAEA,SAAO,CAAC,gBAAgB,qBAAqB,GAAG,IAAI;AACtD;",
+  "names": []
+}

package/esm/styles/index.js

@@ -0,0 +1,49 @@
+import {
+  getGridFlexPositionSprinkles
+} from "./getGridFlexPositionSprinkles.js";
+import {
+  getGapSprinkles
+} from "./getGapSprinkles.js";
+import {
+  getSpacingSprinkles
+} from "./getSpacingSprinkles.js";
+import {
+  getLayoutSizeStyles
+} from "./getLayoutSizeStyles.js";
+import {
+  alignContentPositionProps,
+  alignItemsPositionProps,
+  alignSelfPositionProps,
+  justifyContentPositionProps,
+  justifyItemsPositionProps,
+  justifySelfPositionProps,
+  marginProperties,
+  placeContentPositionProps,
+  placeItemsPositionProps,
+  placeSelfPositionProps,
+  spacingProperties
+} from "./sprinkle-properties.js";
+import { extract } from "./extract-util.js";
+import { globalSprinkles } from "./safe-sprinkles.js";
+import { textStyleCSS } from "./textStyle.sty.js";
+export {
+  extract as _extract,
+  getGapSprinkles as _getGapSprinkles,
+  getGridFlexPositionSprinkles as _getGridFlexPositionSprinkles,
+  getLayoutSizeStyles as _getLayoutSizeStyles,
+  getSpacingSprinkles as _getSpacingSprinkles,
+  globalSprinkles as _globalSprinkles,
+  textStyleCSS as _textStyleCSS,
+  alignContentPositionProps,
+  alignItemsPositionProps,
+  alignSelfPositionProps,
+  justifyContentPositionProps,
+  justifyItemsPositionProps,
+  justifySelfPositionProps,
+  marginProperties,
+  placeContentPositionProps,
+  placeItemsPositionProps,
+  placeSelfPositionProps,
+  spacingProperties
+};
+//# sourceMappingURL=index.js.map

package/esm/styles/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/index.ts"],
+  "sourcesContent": ["export type { FlexItemStyleProps, FlexStyleProps } from './getFlexStyles.js';\nexport type { GridItemStyleProps, GridStyleProps } from './getGridStyles.js';\nexport {\n  type GridFlexPositionProps,\n  getGridFlexPositionSprinkles as _getGridFlexPositionSprinkles,\n} from './getGridFlexPositionSprinkles.js';\nexport {\n  type GapProps,\n  getGapSprinkles as _getGapSprinkles,\n} from './getGapSprinkles.js';\nexport {\n  type SpacingProps,\n  type DefaultSpacingProps as _DefaultSpacingProps,\n  getSpacingSprinkles as _getSpacingSprinkles,\n} from './getSpacingSprinkles.js';\nexport {\n  type LayoutSizeProps,\n  getLayoutSizeStyles as _getLayoutSizeStyles,\n} from './getLayoutSizeStyles.js';\nexport {\n  alignContentPositionProps,\n  alignItemsPositionProps,\n  alignSelfPositionProps,\n  justifyContentPositionProps,\n  justifyItemsPositionProps,\n  justifySelfPositionProps,\n  marginProperties,\n  placeContentPositionProps,\n  placeItemsPositionProps,\n  placeSelfPositionProps,\n  spacingProperties,\n} from './sprinkle-properties.js';\nexport type {\n  AlignContentPositionProps,\n  AlignItemsPositionProps,\n  AlignSelfPositionProps,\n  JustifyContentPositionProps,\n  JustifyItemsPositionProps,\n  JustifySelfPositionProps,\n  MarginProperties,\n  PlaceContentPositionProps,\n  PlaceItemsPositionProps,\n  PlaceSelfPositionProps,\n  SpacingProperties,\n} from './sprinkle-properties.js';\nexport { extract as _extract } from './extract-util.js';\nexport { globalSprinkles as _globalSprinkles } from './safe-sprinkles.js';\nexport { textStyleCSS as _textStyleCSS } from './textStyle.sty.js';\n"],
+  "mappings": "AAEA;AAAA,EAEkC;AAAA,OAC3B;AACP;AAAA,EAEqB;AAAA,OACd;AACP;AAAA,EAGyB;AAAA,OAClB;AACP;AAAA,EAEyB;AAAA,OAClB;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcP,SAAoB,eAAgB;AACpC,SAA4B,uBAAwB;AACpD,SAAyB,oBAAqB;",
+  "names": []
+}

package/esm/styles/safe-sprinkles.js

@@ -0,0 +1,17 @@
+import { internalSprinkles } from "./sprinkles.sty.js";
+function globalSprinkles(...params) {
+  try {
+    return internalSprinkles(...params);
+  } catch (err) {
+    if (true) {
+      if (err instanceof Error) {
+        console.log(err.message);
+      }
+    }
+  }
+  return "";
+}
+export {
+  globalSprinkles
+};
+//# sourceMappingURL=safe-sprinkles.js.map

package/esm/styles/safe-sprinkles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/safe-sprinkles.ts"],
+  "sourcesContent": ["// Import without an extension would be ambiguous, as the resolver cannot know\n// if it is .css file that we want to import or a .css.ts file.\n// Typescript is smart enough to understand that a `.js` extensions references a .ts file.\n// In order to avoid custom tooling, resolvers, ect., we are opting to use an import with extension\n// here.\nimport { internalSprinkles } from './sprinkles.sty.js';\n\n/**\n * global sprinkles\n * @internal\n */\nexport function globalSprinkles(\n  ...params: Parameters<typeof internalSprinkles>\n): ReturnType<typeof internalSprinkles> {\n  try {\n    return internalSprinkles(...params);\n  } catch (err) {\n    if (process.env.NODE_ENV === 'development') {\n      if (err instanceof Error) {\n        // eslint-disable-next-line no-console\n        console.log(err.message);\n      }\n    }\n  }\n  return '';\n}\n"],
+  "mappings": "AAKA,SAAS,yBAAyB;AAM3B,SAAS,mBACX,QACmC;AACtC,MAAI;AACF,WAAO,kBAAkB,GAAG,MAAM;AAAA,EACpC,SAAS,KAAK;AACZ,QAAI,MAAwC;AAC1C,UAAI,eAAe,OAAO;AAExB,gBAAQ,IAAI,IAAI,OAAO;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/esm/styles/sprinkle-properties.js

@@ -0,0 +1,137 @@
+import Spacings from "@dynatrace/strato-design-tokens/spacings";
+const spacingProperties = {
+  0: Spacings.Size0,
+  2: Spacings.Size2,
+  4: Spacings.Size4,
+  6: Spacings.Size6,
+  8: Spacings.Size8,
+  12: Spacings.Size12,
+  16: Spacings.Size16,
+  20: Spacings.Size20,
+  24: Spacings.Size24,
+  32: Spacings.Size32,
+  40: Spacings.Size40,
+  48: Spacings.Size48,
+  56: Spacings.Size56,
+  64: Spacings.Size64
+};
+const spacingPropertiesOrder = [
+  0,
+  2,
+  4,
+  6,
+  8,
+  12,
+  16,
+  20,
+  24,
+  32,
+  40,
+  48,
+  56,
+  64
+];
+const marginProperties = {
+  ...spacingProperties,
+  auto: "auto"
+};
+const selfPosition = {
+  center: "center",
+  end: "end",
+  "flex-end": "flex-end",
+  "flex-start": "flex-start",
+  "self-end": "self-end",
+  "self-start": "self-start",
+  start: "start"
+};
+const contentDistribution = {
+  "space-around": "space-around",
+  "space-between": "space-between",
+  "space-evenly": "space-evenly",
+  stretch: "stretch"
+};
+const contentPosition = {
+  center: "center",
+  end: "end",
+  "flex-end": "flex-end",
+  "flex-start": "flex-start",
+  start: "start"
+};
+const justifySelfPositionProps = {
+  ...selfPosition,
+  auto: "auto",
+  baseline: "baseline",
+  left: "left",
+  normal: "normal",
+  right: "right",
+  stretch: "stretch"
+};
+const alignSelfPositionProps = {
+  ...selfPosition,
+  auto: "auto",
+  baseline: "baseline",
+  normal: "normal",
+  stretch: "stretch"
+};
+const placeSelfPositionProps = {
+  ...selfPosition,
+  auto: "auto",
+  baseline: "baseline",
+  normal: "normal",
+  stretch: "stretch"
+};
+const justifyItemsPositionProps = {
+  ...selfPosition,
+  baseline: "baseline",
+  left: "left",
+  legacy: "legacy",
+  normal: "normal",
+  right: "right",
+  stretch: "stretch"
+};
+const alignItemsPositionProps = {
+  ...selfPosition,
+  baseline: "baseline",
+  normal: "normal",
+  stretch: "stretch"
+};
+const placeItemsPositionProps = {
+  ...selfPosition,
+  baseline: "baseline",
+  normal: "normal",
+  stretch: "stretch"
+};
+const justifyContentPositionProps = {
+  ...contentDistribution,
+  ...contentPosition,
+  left: "left",
+  normal: "normal",
+  right: "right"
+};
+const alignContentPositionProps = {
+  ...contentDistribution,
+  ...contentPosition,
+  baseline: "baseline",
+  normal: "normal"
+};
+const placeContentPositionProps = {
+  ...contentDistribution,
+  ...contentPosition,
+  baseline: "baseline",
+  normal: "normal"
+};
+export {
+  alignContentPositionProps,
+  alignItemsPositionProps,
+  alignSelfPositionProps,
+  justifyContentPositionProps,
+  justifyItemsPositionProps,
+  justifySelfPositionProps,
+  marginProperties,
+  placeContentPositionProps,
+  placeItemsPositionProps,
+  placeSelfPositionProps,
+  spacingProperties,
+  spacingPropertiesOrder
+};
+//# sourceMappingURL=sprinkle-properties.js.map

package/esm/styles/sprinkle-properties.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/sprinkle-properties.ts"],
+  "sourcesContent": ["import Spacings from '@dynatrace/strato-design-tokens/spacings';\n\n/**\n * Defines the available gapSizes and their mapping to the tokens.\n * @public\n */\nexport const spacingProperties = {\n  0: Spacings.Size0,\n  2: Spacings.Size2,\n  4: Spacings.Size4,\n  6: Spacings.Size6,\n  8: Spacings.Size8,\n  12: Spacings.Size12,\n  16: Spacings.Size16,\n  20: Spacings.Size20,\n  24: Spacings.Size24,\n  32: Spacings.Size32,\n  40: Spacings.Size40,\n  48: Spacings.Size48,\n  56: Spacings.Size56,\n  64: Spacings.Size64,\n};\n\n/**\n * Union type of the available SpacingProperties.\n * @public\n */\nexport type SpacingProperties = keyof typeof spacingProperties;\n\n/**\n * Order of the available gap sizes from smallest to largest.\n * @internal\n */\nexport const spacingPropertiesOrder: SpacingProperties[] = [\n  0, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 48, 56, 64,\n];\n\n/**\n * spacing properties with auto margin.\n * @public\n */\nexport const marginProperties = {\n  ...spacingProperties,\n  auto: 'auto',\n};\n\n/**\n * Union type of the available margins.\n * @public\n */\nexport type MarginProperties = keyof typeof marginProperties;\n\n/**\n * Defines the available self positions.\n * @public\n */\nconst selfPosition = {\n  center: 'center',\n  end: 'end',\n  'flex-end': 'flex-end',\n  'flex-start': 'flex-start',\n  'self-end': 'self-end',\n  'self-start': 'self-start',\n  start: 'start',\n};\n\n/**\n * Defines the available content distribution.\n * @public\n */\nconst contentDistribution = {\n  'space-around': 'space-around',\n  'space-between': 'space-between',\n  'space-evenly': 'space-evenly',\n  stretch: 'stretch',\n};\n\n/**\n * Defines the available content positions.\n * @public\n */\nconst contentPosition = {\n  center: 'center',\n  end: 'end',\n  'flex-end': 'flex-end',\n  'flex-start': 'flex-start',\n  start: 'start',\n};\n\n/**\n * Defines the available justify self positions.\n * @public\n */\nexport const justifySelfPositionProps = {\n  ...selfPosition,\n  auto: 'auto',\n  baseline: 'baseline',\n  left: 'left',\n  normal: 'normal',\n  right: 'right',\n  stretch: 'stretch',\n};\n\n/**\n * Union type of the available justify self positions.\n * @public\n */\nexport type JustifySelfPositionProps = keyof typeof justifySelfPositionProps;\n\n/**\n * Defines the available align self positions.\n * @public\n */\nexport const alignSelfPositionProps = {\n  ...selfPosition,\n  auto: 'auto',\n  baseline: 'baseline',\n  normal: 'normal',\n  stretch: 'stretch',\n};\n\n/**\n * Union type of the available align self positions.\n * @public\n */\nexport type AlignSelfPositionProps = keyof typeof alignSelfPositionProps;\n\n/**\n * Defines the available place self positions.\n * @public\n */\nexport const placeSelfPositionProps = {\n  ...selfPosition,\n  auto: 'auto',\n  baseline: 'baseline',\n  normal: 'normal',\n  stretch: 'stretch',\n};\n\n/**\n * Union type of the available place self positions.\n * @public\n */\nexport type PlaceSelfPositionProps = keyof typeof placeSelfPositionProps;\n\n/**\n * Defines the available justify items positions.\n * @public\n */\nexport const justifyItemsPositionProps = {\n  ...selfPosition,\n  baseline: 'baseline',\n  left: 'left',\n  legacy: 'legacy',\n  normal: 'normal',\n  right: 'right',\n  stretch: 'stretch',\n};\n\n/**\n * Union type of the available justify items positions.\n * @public\n */\nexport type JustifyItemsPositionProps = keyof typeof justifyItemsPositionProps;\n\n/**\n * Defines the available align items positions.\n * @public\n */\nexport const alignItemsPositionProps = {\n  ...selfPosition,\n  baseline: 'baseline',\n  normal: 'normal',\n  stretch: 'stretch',\n};\n\n/**\n * Union type of the available align items positions\n * @public\n */\nexport type AlignItemsPositionProps = keyof typeof alignItemsPositionProps;\n\n/**\n * Defines the available place items positions\n * @public\n */\nexport const placeItemsPositionProps = {\n  ...selfPosition,\n  baseline: 'baseline',\n  normal: 'normal',\n  stretch: 'stretch',\n};\n\n/**\n * Union type of the available place items positions\n * @public\n */\nexport type PlaceItemsPositionProps = keyof typeof placeItemsPositionProps;\n\n/**\n * Defines the available justify content positions\n * @public\n */\nexport const justifyContentPositionProps = {\n  ...contentDistribution,\n  ...contentPosition,\n  left: 'left',\n  normal: 'normal',\n  right: 'right',\n};\n\n/**\n * Union type of the available justify content positions\n * @public\n */\nexport type JustifyContentPositionProps =\n  keyof typeof justifyContentPositionProps;\n\n/**\n * Defines the available align content positions\n * @public\n */\nexport const alignContentPositionProps = {\n  ...contentDistribution,\n  ...contentPosition,\n  baseline: 'baseline',\n  normal: 'normal',\n};\n\n/**\n * Union type of the available align content positions\n * @public\n */\nexport type AlignContentPositionProps = keyof typeof alignContentPositionProps;\n\n/**\n * Defines the available place content positions\n * @public\n */\nexport const placeContentPositionProps = {\n  ...contentDistribution,\n  ...contentPosition,\n  baseline: 'baseline',\n  normal: 'normal',\n};\n\n/**\n * Union type of the available place content positions\n * @public\n */\nexport type PlaceContentPositionProps = keyof typeof placeContentPositionProps;\n"],
+  "mappings": "AAAA,OAAO,cAAc;AAMd,MAAM,oBAAoB;AAAA,EAC/B,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AACf;AAYO,MAAM,yBAA8C;AAAA,EACzD;AAAA,EAAG;AAAA,EAAG;AAAA,EAAG;AAAA,EAAG;AAAA,EAAG;AAAA,EAAI;AAAA,EAAI;AAAA,EAAI;AAAA,EAAI;AAAA,EAAI;AAAA,EAAI;AAAA,EAAI;AAAA,EAAI;AACjD;AAMO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA,EACH,MAAM;AACR;AAYA,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AACT;AAMA,MAAM,sBAAsB;AAAA,EAC1B,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,SAAS;AACX;AAMA,MAAM,kBAAkB;AAAA,EACtB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AACT;AAMO,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX;AAYO,MAAM,yBAAyB;AAAA,EACpC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AACX;AAYO,MAAM,yBAAyB;AAAA,EACpC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AACX;AAYO,MAAM,4BAA4B;AAAA,EACvC,GAAG;AAAA,EACH,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX;AAYO,MAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AACX;AAYO,MAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AACX;AAYO,MAAM,8BAA8B;AAAA,EACzC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT;AAaO,MAAM,4BAA4B;AAAA,EACvC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU;AAAA,EACV,QAAQ;AACV;AAYO,MAAM,4BAA4B;AAAA,EACvC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU;AAAA,EACV,QAAQ;AACV;",
+  "names": []
+}