@dynatrace/strato-components 0.84.42 → 0.85.0

package/styles/index.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  _extract: () => import_extract_util.extract,
+  _getGapSprinkles: () => import_getGapSprinkles.getGapSprinkles,
+  _getGridFlexPositionSprinkles: () => import_getGridFlexPositionSprinkles.getGridFlexPositionSprinkles,
+  _getLayoutSizeStyles: () => import_getLayoutSizeStyles.getLayoutSizeStyles,
+  _getSpacingSprinkles: () => import_getSpacingSprinkles.getSpacingSprinkles,
+  _globalSprinkles: () => import_safe_sprinkles.globalSprinkles,
+  _textStyleCSS: () => import_textStyle_css.textStyleCSS,
+  alignContentPositionProps: () => import_sprinkle_properties.alignContentPositionProps,
+  alignItemsPositionProps: () => import_sprinkle_properties.alignItemsPositionProps,
+  alignSelfPositionProps: () => import_sprinkle_properties.alignSelfPositionProps,
+  justifyContentPositionProps: () => import_sprinkle_properties.justifyContentPositionProps,
+  justifyItemsPositionProps: () => import_sprinkle_properties.justifyItemsPositionProps,
+  justifySelfPositionProps: () => import_sprinkle_properties.justifySelfPositionProps,
+  marginProperties: () => import_sprinkle_properties.marginProperties,
+  placeContentPositionProps: () => import_sprinkle_properties.placeContentPositionProps,
+  placeItemsPositionProps: () => import_sprinkle_properties.placeItemsPositionProps,
+  placeSelfPositionProps: () => import_sprinkle_properties.placeSelfPositionProps,
+  spacingProperties: () => import_sprinkle_properties.spacingProperties
+});
+module.exports = __toCommonJS(styles_exports);
+var import_getGridFlexPositionSprinkles = require("./getGridFlexPositionSprinkles.js");
+var import_getGapSprinkles = require("./getGapSprinkles.js");
+var import_getSpacingSprinkles = require("./getSpacingSprinkles.js");
+var import_getLayoutSizeStyles = require("./getLayoutSizeStyles.js");
+var import_sprinkle_properties = require("./sprinkle-properties.js");
+var import_extract_util = require("./extract-util.js");
+var import_safe_sprinkles = require("./safe-sprinkles.js");
+var import_textStyle_css = require("./textStyle.sty.js");

package/styles/safe-sprinkles.d.ts

@@ -0,0 +1,6 @@
+import { internalSprinkles } from './sprinkles.css.js';
+/**
+ * global sprinkles
+ * @internal
+ */
+export declare function globalSprinkles(...params: Parameters<typeof internalSprinkles>): ReturnType<typeof internalSprinkles>;

package/styles/safe-sprinkles.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var safe_sprinkles_exports = {};
+__export(safe_sprinkles_exports, {
+  globalSprinkles: () => globalSprinkles
+});
+module.exports = __toCommonJS(safe_sprinkles_exports);
+var import_sprinkles_css = require("./sprinkles.sty.js");
+function globalSprinkles(...params) {
+  try {
+    return (0, import_sprinkles_css.internalSprinkles)(...params);
+  } catch (err) {
+    if (true) {
+      if (err instanceof Error) {
+        console.log(err.message);
+      }
+    }
+  }
+  return "";
+}

package/styles/sprinkle-properties.d.ts

@@ -0,0 +1,257 @@
+/**
+ * Defines the available gapSizes and their mapping to the tokens.
+ * @public
+ */
+export declare const spacingProperties: {
+    0: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    32: string;
+    40: string;
+    48: string;
+    56: string;
+    64: string;
+};
+/**
+ * Union type of the available SpacingProperties.
+ * @public
+ */
+export type SpacingProperties = keyof typeof spacingProperties;
+/**
+ * Order of the available gap sizes from smallest to largest.
+ * @internal
+ */
+export declare const spacingPropertiesOrder: SpacingProperties[];
+/**
+ * spacing properties with auto margin.
+ * @public
+ */
+export declare const marginProperties: {
+    auto: string;
+    0: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    32: string;
+    40: string;
+    48: string;
+    56: string;
+    64: string;
+};
+/**
+ * Union type of the available margins.
+ * @public
+ */
+export type MarginProperties = keyof typeof marginProperties;
+/**
+ * Defines the available justify self positions.
+ * @public
+ */
+export declare const justifySelfPositionProps: {
+    auto: string;
+    baseline: string;
+    left: string;
+    normal: string;
+    right: string;
+    stretch: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    'self-end': string;
+    'self-start': string;
+    start: string;
+};
+/**
+ * Union type of the available justify self positions.
+ * @public
+ */
+export type JustifySelfPositionProps = keyof typeof justifySelfPositionProps;
+/**
+ * Defines the available align self positions.
+ * @public
+ */
+export declare const alignSelfPositionProps: {
+    auto: string;
+    baseline: string;
+    normal: string;
+    stretch: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    'self-end': string;
+    'self-start': string;
+    start: string;
+};
+/**
+ * Union type of the available align self positions.
+ * @public
+ */
+export type AlignSelfPositionProps = keyof typeof alignSelfPositionProps;
+/**
+ * Defines the available place self positions.
+ * @public
+ */
+export declare const placeSelfPositionProps: {
+    auto: string;
+    baseline: string;
+    normal: string;
+    stretch: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    'self-end': string;
+    'self-start': string;
+    start: string;
+};
+/**
+ * Union type of the available place self positions.
+ * @public
+ */
+export type PlaceSelfPositionProps = keyof typeof placeSelfPositionProps;
+/**
+ * Defines the available justify items positions.
+ * @public
+ */
+export declare const justifyItemsPositionProps: {
+    baseline: string;
+    left: string;
+    legacy: string;
+    normal: string;
+    right: string;
+    stretch: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    'self-end': string;
+    'self-start': string;
+    start: string;
+};
+/**
+ * Union type of the available justify items positions.
+ * @public
+ */
+export type JustifyItemsPositionProps = keyof typeof justifyItemsPositionProps;
+/**
+ * Defines the available align items positions.
+ * @public
+ */
+export declare const alignItemsPositionProps: {
+    baseline: string;
+    normal: string;
+    stretch: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    'self-end': string;
+    'self-start': string;
+    start: string;
+};
+/**
+ * Union type of the available align items positions
+ * @public
+ */
+export type AlignItemsPositionProps = keyof typeof alignItemsPositionProps;
+/**
+ * Defines the available place items positions
+ * @public
+ */
+export declare const placeItemsPositionProps: {
+    baseline: string;
+    normal: string;
+    stretch: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    'self-end': string;
+    'self-start': string;
+    start: string;
+};
+/**
+ * Union type of the available place items positions
+ * @public
+ */
+export type PlaceItemsPositionProps = keyof typeof placeItemsPositionProps;
+/**
+ * Defines the available justify content positions
+ * @public
+ */
+export declare const justifyContentPositionProps: {
+    left: string;
+    normal: string;
+    right: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    start: string;
+    'space-around': string;
+    'space-between': string;
+    'space-evenly': string;
+    stretch: string;
+};
+/**
+ * Union type of the available justify content positions
+ * @public
+ */
+export type JustifyContentPositionProps = keyof typeof justifyContentPositionProps;
+/**
+ * Defines the available align content positions
+ * @public
+ */
+export declare const alignContentPositionProps: {
+    baseline: string;
+    normal: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    start: string;
+    'space-around': string;
+    'space-between': string;
+    'space-evenly': string;
+    stretch: string;
+};
+/**
+ * Union type of the available align content positions
+ * @public
+ */
+export type AlignContentPositionProps = keyof typeof alignContentPositionProps;
+/**
+ * Defines the available place content positions
+ * @public
+ */
+export declare const placeContentPositionProps: {
+    baseline: string;
+    normal: string;
+    center: string;
+    end: string;
+    'flex-end': string;
+    'flex-start': string;
+    start: string;
+    'space-around': string;
+    'space-between': string;
+    'space-evenly': string;
+    stretch: string;
+};
+/**
+ * Union type of the available place content positions
+ * @public
+ */
+export type PlaceContentPositionProps = keyof typeof placeContentPositionProps;

package/styles/sprinkle-properties.js

@@ -0,0 +1,165 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sprinkle_properties_exports = {};
+__export(sprinkle_properties_exports, {
+  alignContentPositionProps: () => alignContentPositionProps,
+  alignItemsPositionProps: () => alignItemsPositionProps,
+  alignSelfPositionProps: () => alignSelfPositionProps,
+  justifyContentPositionProps: () => justifyContentPositionProps,
+  justifyItemsPositionProps: () => justifyItemsPositionProps,
+  justifySelfPositionProps: () => justifySelfPositionProps,
+  marginProperties: () => marginProperties,
+  placeContentPositionProps: () => placeContentPositionProps,
+  placeItemsPositionProps: () => placeItemsPositionProps,
+  placeSelfPositionProps: () => placeSelfPositionProps,
+  spacingProperties: () => spacingProperties,
+  spacingPropertiesOrder: () => spacingPropertiesOrder
+});
+module.exports = __toCommonJS(sprinkle_properties_exports);
+var import_spacings = __toESM(require("@dynatrace/strato-design-tokens/spacings"));
+const spacingProperties = {
+  0: import_spacings.default.Size0,
+  2: import_spacings.default.Size2,
+  4: import_spacings.default.Size4,
+  6: import_spacings.default.Size6,
+  8: import_spacings.default.Size8,
+  12: import_spacings.default.Size12,
+  16: import_spacings.default.Size16,
+  20: import_spacings.default.Size20,
+  24: import_spacings.default.Size24,
+  32: import_spacings.default.Size32,
+  40: import_spacings.default.Size40,
+  48: import_spacings.default.Size48,
+  56: import_spacings.default.Size56,
+  64: import_spacings.default.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"
+};