@porsche-design-system/components-angular 3.32.0 → 4.0.0-beta.0

package/vanilla-extract/cjs/focus/getFocusVisibleStyle.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var colorFocus = require('../color/light-dark/colorFocus.cjs');
+
+const getFocusVisibleStyle = (opts) => {
+    const { offset = '2px' } = opts || {};
+    return {
+        selectors: {
+            '&:focus-visible': {
+                outline: `2px solid ${colorFocus.colorFocus}`,
+                outlineOffset: offset,
+            },
+        },
+    };
+};
+
+exports.getFocusVisibleStyle = getFocusVisibleStyle;

package/vanilla-extract/cjs/font/deprecated/fontFamily.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var fontPorscheNext = require('../../tokens/dist/esm/font/family/fontPorscheNext.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use fontPorscheNext instead. */
+const fontFamily = fontPorscheNext.fontPorscheNext;
+
+exports.fontFamily = fontFamily;

package/vanilla-extract/cjs/font/deprecated/fontLineHeight.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var leadingNormal = require('../../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use leadingNormal instead */
+const fontLineHeight = leadingNormal.leadingNormal;
+
+exports.fontLineHeight = fontLineHeight;

package/vanilla-extract/cjs/font/deprecated/fontSize.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var fontSizeDisplay = require('./fontSizeDisplay.cjs');
+var fontSizeHeading = require('./fontSizeHeading.cjs');
+var fontSizeText = require('./fontSizeText.cjs');
+
+// Fluid Type Scale Calculator (https://fluid-type-scale.com) was used to generate a type scale set based on the "golden ratio".
+// "Text/Heading": min - base: 16px, screen: 320px, ratio: 1,2 / max - base: 16px, screen: 1760px, ratio: 1,309
+// "Display": min - base: 16px, screen: 320px, ratio: 1,2 / max - base: 16px, screen: 1760px, ratio: 1,5
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+const fontSize = {
+    text: fontSizeText.fontSizeText,
+    heading: fontSizeHeading.fontSizeHeading,
+    display: fontSizeDisplay.fontSizeDisplay,
+};
+
+exports.fontSize = fontSize;

package/vanilla-extract/cjs/font/deprecated/fontSizeDisplay.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var fontSizeDisplayLarge = require('../fontSizeDisplayLarge.cjs');
+var fontSizeDisplayMedium = require('../fontSizeDisplayMedium.cjs');
+var fontSizeDisplaySmall = require('../fontSizeDisplaySmall.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+const fontSizeDisplay = {
+    small: fontSizeDisplaySmall.fontSizeDisplaySmall,
+    medium: fontSizeDisplayMedium.fontSizeDisplayMedium,
+    large: fontSizeDisplayLarge.fontSizeDisplayLarge,
+};
+
+exports.fontSizeDisplay = fontSizeDisplay;

package/vanilla-extract/cjs/font/deprecated/fontSizeHeading.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var fontSizeHeadingLarge = require('./fontSizeHeadingLarge.cjs');
+var fontSizeHeadingMedium = require('./fontSizeHeadingMedium.cjs');
+var fontSizeHeadingSmall = require('./fontSizeHeadingSmall.cjs');
+var fontSizeHeadingXLarge = require('./fontSizeHeadingXLarge.cjs');
+var fontSizeHeadingXXLarge = require('./fontSizeHeadingXXLarge.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+const fontSizeHeading = {
+    small: fontSizeHeadingSmall.fontSizeHeadingSmall,
+    medium: fontSizeHeadingMedium.fontSizeHeadingMedium,
+    large: fontSizeHeadingLarge.fontSizeHeadingLarge,
+    xLarge: fontSizeHeadingXLarge.fontSizeHeadingXLarge,
+    xxLarge: fontSizeHeadingXXLarge.fontSizeHeadingXXLarge,
+};
+
+exports.fontSizeHeading = fontSizeHeading;

package/vanilla-extract/cjs/font/deprecated/fontSizeHeadingLarge.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleLg = require('../../tokens/dist/esm/font/size/typescaleLg.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleLg instead. */
+const fontSizeHeadingLarge = typescaleLg.typescaleLg;
+
+exports.fontSizeHeadingLarge = fontSizeHeadingLarge;

package/vanilla-extract/cjs/font/deprecated/fontSizeHeadingMedium.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleMd = require('../../tokens/dist/esm/font/size/typescaleMd.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleMd instead. */
+const fontSizeHeadingMedium = typescaleMd.typescaleMd;
+
+exports.fontSizeHeadingMedium = fontSizeHeadingMedium;

package/vanilla-extract/cjs/font/deprecated/fontSizeHeadingSmall.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleSm = require('../../tokens/dist/esm/font/size/typescaleSm.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleSm instead. */
+const fontSizeHeadingSmall = typescaleSm.typescaleSm;
+
+exports.fontSizeHeadingSmall = fontSizeHeadingSmall;

package/vanilla-extract/cjs/font/deprecated/fontSizeHeadingXLarge.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleXl = require('../../tokens/dist/esm/font/size/typescaleXl.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleXl instead. */
+const fontSizeHeadingXLarge = typescaleXl.typescaleXl;
+
+exports.fontSizeHeadingXLarge = fontSizeHeadingXLarge;

package/vanilla-extract/cjs/font/deprecated/fontSizeHeadingXXLarge.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescale2Xl = require('../../tokens/dist/esm/font/size/typescale2Xl.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale2Xl instead. */
+const fontSizeHeadingXXLarge = typescale2Xl.typescale2Xl;
+
+exports.fontSizeHeadingXXLarge = fontSizeHeadingXXLarge;

package/vanilla-extract/cjs/font/deprecated/fontSizeText.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var fontSizeTextLarge = require('./fontSizeTextLarge.cjs');
+var fontSizeTextMedium = require('./fontSizeTextMedium.cjs');
+var fontSizeTextSmall = require('./fontSizeTextSmall.cjs');
+var fontSizeTextXLarge = require('./fontSizeTextXLarge.cjs');
+var fontSizeTextXSmall = require('./fontSizeTextXSmall.cjs');
+var fontSizeTextXXSmall = require('./fontSizeTextXXSmall.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale variables instead. */
+const fontSizeText = {
+    xxSmall: fontSizeTextXXSmall.fontSizeTextXXSmall,
+    xSmall: fontSizeTextXSmall.fontSizeTextXSmall,
+    small: fontSizeTextSmall.fontSizeTextSmall,
+    medium: fontSizeTextMedium.fontSizeTextMedium,
+    large: fontSizeTextLarge.fontSizeTextLarge,
+    xLarge: fontSizeTextXLarge.fontSizeTextXLarge,
+};
+
+exports.fontSizeText = fontSizeText;

package/vanilla-extract/cjs/font/deprecated/fontSizeTextLarge.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleLg = require('../../tokens/dist/esm/font/size/typescaleLg.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleLg instead. */
+const fontSizeTextLarge = typescaleLg.typescaleLg;
+
+exports.fontSizeTextLarge = fontSizeTextLarge;

package/vanilla-extract/cjs/font/deprecated/fontSizeTextMedium.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleMd = require('../../tokens/dist/esm/font/size/typescaleMd.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleMd instead. */
+const fontSizeTextMedium = typescaleMd.typescaleMd;
+
+exports.fontSizeTextMedium = fontSizeTextMedium;

package/vanilla-extract/cjs/font/deprecated/fontSizeTextSmall.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleSm = require('../../tokens/dist/esm/font/size/typescaleSm.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleSm instead. */
+const fontSizeTextSmall = typescaleSm.typescaleSm;
+
+exports.fontSizeTextSmall = fontSizeTextSmall;

package/vanilla-extract/cjs/font/deprecated/fontSizeTextXLarge.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleXl = require('../../tokens/dist/esm/font/size/typescaleXl.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleXl instead. */
+const fontSizeTextXLarge = typescaleXl.typescaleXl;
+
+exports.fontSizeTextXLarge = fontSizeTextXLarge;

package/vanilla-extract/cjs/font/deprecated/fontSizeTextXSmall.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescaleXs = require('../../tokens/dist/esm/font/size/typescaleXs.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescaleXs instead. */
+const fontSizeTextXSmall = typescaleXs.typescaleXs;
+
+exports.fontSizeTextXSmall = fontSizeTextXSmall;

package/vanilla-extract/cjs/font/deprecated/fontSizeTextXXSmall.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var typescale2Xs = require('../../tokens/dist/esm/font/size/typescale2Xs.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use typescale2Xs instead. */
+const fontSizeTextXXSmall = typescale2Xs.typescale2Xs;
+
+exports.fontSizeTextXXSmall = fontSizeTextXXSmall;

package/vanilla-extract/cjs/font/deprecated/fontStyle.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var fontStyleNormal = require('./fontStyleNormal.cjs');
+var fontStyleItalic = require('./fontStyleItalic.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use 'normal' | 'italic' instead. */
+const fontStyle = {
+    normal: fontStyleNormal.fontStyleNormal,
+    italic: fontStyleItalic.fontStyleItalic,
+};
+
+exports.fontStyle = fontStyle;

package/vanilla-extract/cjs/font/deprecated/fontStyleItalic.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use 'italic' instead. */
+const fontStyleItalic = 'italic';
+
+exports.fontStyleItalic = fontStyleItalic;

package/vanilla-extract/cjs/font/deprecated/fontStyleNormal.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use 'normal' instead. */
+const fontStyleNormal = 'normal';
+
+exports.fontStyleNormal = fontStyleNormal;

package/vanilla-extract/cjs/font/deprecated/fontVariant.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use 'normal' instead. */
+const fontVariant = 'normal';
+
+exports.fontVariant = fontVariant;

package/vanilla-extract/cjs/font/deprecated/fontWeight.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var fontWeightRegular = require('./fontWeightRegular.cjs');
+var fontWeightSemiBold = require('./fontWeightSemiBold.cjs');
+var fontWeightBold = require('../fontWeightBold.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use variables directly instead. */
+const fontWeight = {
+    regular: fontWeightRegular.fontWeightRegular,
+    semiBold: fontWeightSemiBold.fontWeightSemiBold,
+    bold: fontWeightBold.fontWeightBold,
+};
+
+exports.fontWeight = fontWeight;

package/vanilla-extract/cjs/font/deprecated/fontWeightRegular.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var fontWeightNormal = require('../../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use fontWeightNormal instead. */
+const fontWeightRegular = fontWeightNormal.fontWeightNormal;
+
+exports.fontWeightRegular = fontWeightRegular;

package/vanilla-extract/cjs/font/deprecated/fontWeightSemiBold.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var fontWeightSemibold = require('../../tokens/dist/esm/font/weight/fontWeightSemibold.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use fontWeightSemibold instead. */
+const fontWeightSemiBold = fontWeightSemibold.fontWeightSemibold;
+
+exports.fontWeightSemiBold = fontWeightSemiBold;

package/vanilla-extract/cjs/font/fontHyphenationStyle.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+const fontHyphenationStyle = {
+    overflowWrap: 'break-word',
+    // @ts-ignore
+    hyphens: 'var(--p-hyphens, auto)',
+};
+
+exports.fontHyphenationStyle = fontHyphenationStyle;

package/vanilla-extract/cjs/font/fontPorscheNext.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var fontPorscheNext$1 = require('../tokens/dist/esm/font/family/fontPorscheNext.cjs');
+
+const fontPorscheNext = fontPorscheNext$1.fontPorscheNext;
+
+exports.fontPorscheNext = fontPorscheNext;

package/vanilla-extract/cjs/font/fontSizeDisplayLarge.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const fontSizeDisplayLarge = 'clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)';
+
+exports.fontSizeDisplayLarge = fontSizeDisplayLarge;

package/vanilla-extract/cjs/font/fontSizeDisplayMedium.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const fontSizeDisplayMedium = 'clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)';
+
+exports.fontSizeDisplayMedium = fontSizeDisplayMedium;

package/vanilla-extract/cjs/font/fontSizeDisplaySmall.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const fontSizeDisplaySmall = 'clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)';
+
+exports.fontSizeDisplaySmall = fontSizeDisplaySmall;

package/vanilla-extract/cjs/font/fontWeightBold.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var fontWeightBold$1 = require('../tokens/dist/esm/font/weight/fontWeightBold.cjs');
+
+const fontWeightBold = fontWeightBold$1.fontWeightBold;
+
+exports.fontWeightBold = fontWeightBold;

package/vanilla-extract/cjs/font/fontWeightNormal.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var fontWeightNormal$1 = require('../tokens/dist/esm/font/weight/fontWeightNormal.cjs');
+
+const fontWeightNormal = fontWeightNormal$1.fontWeightNormal;
+
+exports.fontWeightNormal = fontWeightNormal;

package/vanilla-extract/cjs/font/fontWeightSemibold.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var fontWeightSemibold$1 = require('../tokens/dist/esm/font/weight/fontWeightSemibold.cjs');
+
+const fontWeightSemibold = fontWeightSemibold$1.fontWeightSemibold;
+
+exports.fontWeightSemibold = fontWeightSemibold;

package/vanilla-extract/cjs/font/leadingNormal.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var leadingNormal$1 = require('../tokens/dist/esm/font/lineHeight/leadingNormal.cjs');
+
+const leadingNormal = leadingNormal$1.leadingNormal;
+
+exports.leadingNormal = leadingNormal;

package/vanilla-extract/cjs/font/typescale2Xl.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescale2Xl$1 = require('../tokens/dist/esm/font/size/typescale2Xl.cjs');
+
+const typescale2Xl = typescale2Xl$1.typescale2Xl;
+
+exports.typescale2Xl = typescale2Xl;

package/vanilla-extract/cjs/font/typescale2Xs.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescale2Xs$1 = require('../tokens/dist/esm/font/size/typescale2Xs.cjs');
+
+const typescale2Xs = typescale2Xs$1.typescale2Xs;
+
+exports.typescale2Xs = typescale2Xs;

package/vanilla-extract/cjs/font/typescaleLg.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescaleLg$1 = require('../tokens/dist/esm/font/size/typescaleLg.cjs');
+
+const typescaleLg = typescaleLg$1.typescaleLg;
+
+exports.typescaleLg = typescaleLg;

package/vanilla-extract/cjs/font/typescaleMd.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescaleMd$1 = require('../tokens/dist/esm/font/size/typescaleMd.cjs');
+
+const typescaleMd = typescaleMd$1.typescaleMd;
+
+exports.typescaleMd = typescaleMd;

package/vanilla-extract/cjs/font/typescaleSm.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescaleSm$1 = require('../tokens/dist/esm/font/size/typescaleSm.cjs');
+
+const typescaleSm = typescaleSm$1.typescaleSm;
+
+exports.typescaleSm = typescaleSm;

package/vanilla-extract/cjs/font/typescaleXl.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescaleXl$1 = require('../tokens/dist/esm/font/size/typescaleXl.cjs');
+
+const typescaleXl = typescaleXl$1.typescaleXl;
+
+exports.typescaleXl = typescaleXl;

package/vanilla-extract/cjs/font/typescaleXs.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var typescaleXs$1 = require('../tokens/dist/esm/font/size/typescaleXs.cjs');
+
+const typescaleXs = typescaleXs$1.typescaleXs;
+
+exports.typescaleXs = typescaleXs;

package/vanilla-extract/cjs/gradient/deprecated/gradientToBottomStyle.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var gradientStopsFadeDark = require('../../tokens/dist/esm/gradient/gradientStopsFadeDark.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use background: `linear-gradient(to bottom, ${gradientStopsFadeDark});` instead  */
+const gradientToBottomStyle = {
+    background: `linear-gradient(to bottom, ${gradientStopsFadeDark.gradientStopsFadeDark});`,
+};
+
+exports.gradientToBottomStyle = gradientToBottomStyle;

package/vanilla-extract/cjs/gradient/deprecated/gradientToLeftStyle.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var gradientStopsFadeDark = require('../../tokens/dist/esm/gradient/gradientStopsFadeDark.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. Use background: `linear-gradient(to left, ${gradientStopsFadeDark});` instead  */
+const gradientToLeftStyle = {
+    background: `linear-gradient(to left, ${gradientStopsFadeDark.gradientStopsFadeDark});`,
+};
+
+exports.gradientToLeftStyle = gradientToLeftStyle;

package/vanilla-extract/cjs/gradient/deprecated/gradientToRightStyle.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var gradientStopsFadeDark = require('../../tokens/dist/esm/gradient/gradientStopsFadeDark.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. background: `linear-gradient(to right, ${gradientStopsFadeDark});` instead  */
+const gradientToRightStyle = {
+    background: `linear-gradient(to right, ${gradientStopsFadeDark.gradientStopsFadeDark});`,
+};
+
+exports.gradientToRightStyle = gradientToRightStyle;

package/vanilla-extract/cjs/gradient/deprecated/gradientToTopStyle.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var gradientStopsFadeDark = require('../../tokens/dist/esm/gradient/gradientStopsFadeDark.cjs');
+
+/** @deprecated since v4.0.0, will be removed with next major release. background: `linear-gradient(to top, ${gradientStopsFadeDark});` instead  */
+const gradientToTopStyle = {
+    background: `linear-gradient(to top, ${gradientStopsFadeDark.gradientStopsFadeDark});`,
+};
+
+exports.gradientToTopStyle = gradientToTopStyle;

package/vanilla-extract/cjs/gradient/gradientStopsFadeDark.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var gradientStopsFadeDark$1 = require('../tokens/dist/esm/gradient/gradientStopsFadeDark.cjs');
+
+const gradientStopsFadeDark = gradientStopsFadeDark$1.gradientStopsFadeDark;
+
+exports.gradientStopsFadeDark = gradientStopsFadeDark;

package/vanilla-extract/cjs/grid/gridBasic.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var gridBasicColumnStart = require('./gridBasicColumnStart.cjs');
+var gridBasicColumnEnd = require('./gridBasicColumnEnd.cjs');
+var gridBasicSpanOneHalf = require('./gridBasicSpanOneHalf.cjs');
+var gridBasicSpanOneThird = require('./gridBasicSpanOneThird.cjs');
+var gridBasicSpanTwoThirds = require('./gridBasicSpanTwoThirds.cjs');
+
+const gridBasic = {
+    columnStart: gridBasicColumnStart.gridBasicColumnStart,
+    columnEnd: gridBasicColumnEnd.gridBasicColumnEnd,
+    spanOneHalf: gridBasicSpanOneHalf.gridBasicSpanOneHalf,
+    spanOneThird: gridBasicSpanOneThird.gridBasicSpanOneThird,
+    spanTwoThirds: gridBasicSpanTwoThirds.gridBasicSpanTwoThirds,
+};
+
+exports.gridBasic = gridBasic;

package/vanilla-extract/cjs/grid/gridBasicColumnEnd.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const gridBasicColumnEnd = 'basic-end';
+
+exports.gridBasicColumnEnd = gridBasicColumnEnd;

package/vanilla-extract/cjs/grid/gridBasicColumnStart.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const gridBasicColumnStart = 'basic-start';
+
+exports.gridBasicColumnStart = gridBasicColumnStart;

package/vanilla-extract/cjs/grid/gridBasicOffset.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var gridBasicOffsetBase = require('./gridBasicOffsetBase.cjs');
+var gridBasicOffsetS = require('./gridBasicOffsetS.cjs');
+var gridBasicOffsetXXL = require('./gridBasicOffsetXXL.cjs');
+
+const gridBasicOffset = {
+    base: gridBasicOffsetBase.gridBasicOffsetBase,
+    s: gridBasicOffsetS.gridBasicOffsetS,
+    xxl: gridBasicOffsetXXL.gridBasicOffsetXXL,
+};
+
+exports.gridBasicOffset = gridBasicOffset;

package/vanilla-extract/cjs/grid/gridBasicOffsetBase.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var gridShared = require('./gridShared.cjs');
+
+const gridBasicOffsetBase = gridShared._gridSafeZoneBase;
+
+exports.gridBasicOffsetBase = gridBasicOffsetBase;

package/vanilla-extract/cjs/grid/gridBasicOffsetS.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var gridSharedOffset = require('./gridSharedOffset.cjs');
+
+const gridBasicOffsetS = gridSharedOffset._getGridOffsetS('basic');
+
+exports.gridBasicOffsetS = gridBasicOffsetS;

package/vanilla-extract/cjs/grid/gridBasicOffsetXXL.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var gridSharedOffset = require('./gridSharedOffset.cjs');
+
+const gridBasicOffsetXXL = gridSharedOffset._getGridOffsetXXL('basic');
+
+exports.gridBasicOffsetXXL = gridBasicOffsetXXL;

package/vanilla-extract/cjs/grid/gridBasicSpanOneHalf.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var gridShared = require('./gridShared.cjs');
+
+const gridBasicSpanOneHalf = `var(${gridShared._cssVariableGridBasicSpanOneHalf})`;
+
+exports.gridBasicSpanOneHalf = gridBasicSpanOneHalf;

package/vanilla-extract/cjs/grid/gridBasicSpanOneThird.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var gridShared = require('./gridShared.cjs');
+
+const gridBasicSpanOneThird = `var(${gridShared._cssVariableGridBasicSpanOneThird})`;
+
+exports.gridBasicSpanOneThird = gridBasicSpanOneThird;

package/vanilla-extract/cjs/grid/gridBasicSpanTwoThirds.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var gridShared = require('./gridShared.cjs');
+
+const gridBasicSpanTwoThirds = `var(${gridShared._cssVariableGridBasicSpanTwoThirds})`;
+
+exports.gridBasicSpanTwoThirds = gridBasicSpanTwoThirds;

package/vanilla-extract/cjs/grid/gridExtended.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var gridExtendedColumnStart = require('./gridExtendedColumnStart.cjs');
+var gridExtendedColumnEnd = require('./gridExtendedColumnEnd.cjs');
+var gridExtendedSpanOneHalf = require('./gridExtendedSpanOneHalf.cjs');
+
+const gridExtended = {
+    columnStart: gridExtendedColumnStart.gridExtendedColumnStart,
+    columnEnd: gridExtendedColumnEnd.gridExtendedColumnEnd,
+    spanOneHalf: gridExtendedSpanOneHalf.gridExtendedSpanOneHalf,
+};
+
+exports.gridExtended = gridExtended;

package/vanilla-extract/cjs/grid/gridExtendedColumnEnd.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const gridExtendedColumnEnd = 'extended-end';
+
+exports.gridExtendedColumnEnd = gridExtendedColumnEnd;

package/vanilla-extract/cjs/grid/gridExtendedColumnStart.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const gridExtendedColumnStart = 'extended-start';
+
+exports.gridExtendedColumnStart = gridExtendedColumnStart;