@knapsack/sandbox-tokens 4.53.1--canary.3986.c6043f8.0

package/dist/design-tokens.d.mts

@@ -0,0 +1,108 @@
+export declare const ungroupedToken = 'Im Not Part of Any Group';
+export declare const border1 = 'red dotted 2px';
+export declare const cypressLarge = '1.5rem';
+export declare const radiusLarge = '1.5rem';
+export declare const breakpointLarge = '1.5rem';
+export declare const breakpointMedium = '480px';
+export declare const breakpointSmall = '330px';
+export declare const breakpointXlarge = '992px';
+export declare const breakpointXxlarge = '1240px';
+export declare const breakpointXxxlarge = '1440px';
+export declare const collectionsBrandsColorColorBrandADark = '#000000';
+export declare const collectionsBrandsColorColorBrandALight = '#000000';
+export declare const collectionsBrandsColorColorBrandBDark = '#000000';
+export declare const collectionsBrandsColorColorBrandBLight = '#000000';
+export declare const collectionsBrandsColorColor1BrandADark = '#000000';
+export declare const collectionsBrandsColorColor1BrandALight = '#000000';
+export declare const collectionsBrandsColorColor1BrandBDark = '#000000';
+export declare const collectionsBrandsColorColor1BrandBLight = '#000000';
+export declare const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
+export declare const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
+export declare const colorPink800 = '#710D55';
+export declare const collectionsBrandsColorPrimaryBrandBDark = '#710D55';
+export declare const colorPink400 = '#F37491';
+export declare const collectionsBrandsColorPrimaryBrandBLight = '#F37491';
+export declare const colorPink500 = '#EC487D';
+export declare const collectionsBrandsColorSecondaryBrandADark = '#EC487D';
+export declare const collectionsBrandsColorSecondaryBrandALight = '#EC487D';
+export declare const colorPurple500 = '#6A4CEC';
+export declare const collectionsBrandsColorSecondaryBrandBDark = '#6A4CEC';
+export declare const collectionsBrandsColorSecondaryBrandBLight = '#6A4CEC';
+export declare const collectionsBrandsFooBarBrandADark = '1px';
+export declare const collectionsBrandsFooBarBrandALight = '1px';
+export declare const collectionsBrandsFooBarBrandBDark = '1px';
+export declare const collectionsBrandsFooBarBrandBLight = '1px';
+export declare const collectionsBrandsTestDimensionBrandALight = '2px';
+export declare const spacingScale2 = '4px';
+export declare const collectionsDensitySpacingSmallCompact = '4px';
+export declare const collectionsBrandsTestPrimaryBrandADark = '4px';
+export declare const spacingScale8 = '40px';
+export declare const collectionsBrandsTestPrimaryBrandALight = '40px';
+export declare const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
+export declare const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
+export declare const colorNeutral600 = '#ACAAB6';
+export declare const collectionsBrandsTestSecondaryBrandBDark = '#ACAAB6';
+export declare const colorNeutral300 = '#EDECEF';
+export declare const collectionsBrandsTestSecondaryBrandBLight = '#EDECEF';
+export declare const collectionsDensitySpacingLargeComfortable = '40px';
+export declare const spacingScale5 = '16px';
+export declare const collectionsDensitySpacingLargeCompact = '16px';
+export declare const spacingScale6 = '24px';
+export declare const collectionsDensitySpacingMediumComfortable = '24px';
+export declare const collectionsDensitySpacingMediumCompact = '16px';
+export declare const spacingScale3 = '8px';
+export declare const collectionsDensitySpacingSmallComfortable = '8px';
+export declare const colorNeutral800 = '#191335';
+export declare const colorBlack = '#191335';
+export declare const colorWhite = '#ffffff';
+export declare const colorNeutral100 = '#FAFAFB';
+export declare const colorNeutral200 = '#F6F6F7';
+export declare const colorNeutral400 = '#dedce2';
+export declare const colorNeutral500 = '#BFBDC6';
+export declare const colorNeutral700 = '#878496';
+export declare const colorPink100 = '#FFDDDB';
+export declare const colorPink200 = '#FCB6B8';
+export declare const colorPink300 = '#FA919F';
+export declare const colorPink600 = '#CA3473';
+export declare const colorPink700 = '#AA2469';
+export declare const colorPurple100 = '#E5DBFE';
+export declare const colorPurple200 = '#C9B8FE';
+export declare const colorPurple300 = '#AA94F9';
+export declare const colorPurple400 = '#9076F3';
+export declare const colorPurple600 = '#5036CB';
+export declare const colorPurple700 = '#3925AA';
+export declare const colorPurple800 = '#190F72';
+export declare const colorTextDefault = '#191335';
+export declare const colorTextDisabled = '#dedce2';
+export declare const colorTextMuted = '#ACAAB6';
+export declare const colorTextWhite = '#ffffff';
+export declare const cypressMedium = '1rem';
+export declare const cypressSmall = '0.5rem';
+export declare const mediaQueryLarge = 'screen and (min-width: 1.5rem)';
+export declare const mediaQueryMedium = 'screen and (min-width: 480px)';
+export declare const mediaQuerySmall = 'screen and (min-width: 330px)';
+export declare const miscBoolean = true;
+export declare const miscDuration = '100ms';
+export declare const miscIsAwesome = true;
+export declare const miscIsAwesome2 = true;
+export declare const miscMagicNumber = 42;
+export declare const miscShadow = '1px 1px 1px 1px #000000';
+export declare const miscSomeText = 'Hello world';
+export declare const radiusMedium = '8px';
+export declare const radiusRound = '160px';
+export declare const radiusSmall = '4px';
+export declare const shadow1 = '0px 5px 10px 0px #000000';
+export declare const shadow2 = '0px 10px 20px 0px #000000';
+export declare const shadow3 = '0px 15px 25px 0px #000000';
+export declare const shadow4 = '0px 20px 40px 0px #000000';
+export declare const shadowColor = '#000000';
+export declare const spacingScale1 = '2px';
+export declare const spacingScale4 = '12px';
+export declare const spacingScale7 = '32px';
+export declare const spacingScale9 = '48px';
+export declare const spacingScale10 = '64px';
+export declare const spacingScale11 = '80px';
+export declare const spacingScale12 = '96px';
+export declare const spacingScale13 = '160px';
+export declare const transitionA = '250ms cubic-bezier(0,0,1,1) 100ms';
+export declare const transitionB = '500ms cubic-bezier(0.1,1,0.3,1) 10ms';

package/dist/design-tokens.d.ts

@@ -0,0 +1,108 @@
+export declare const ungroupedToken = 'Im Not Part of Any Group';
+export declare const border1 = 'red dotted 2px';
+export declare const cypressLarge = '1.5rem';
+export declare const radiusLarge = '1.5rem';
+export declare const breakpointLarge = '1.5rem';
+export declare const breakpointMedium = '480px';
+export declare const breakpointSmall = '330px';
+export declare const breakpointXlarge = '992px';
+export declare const breakpointXxlarge = '1240px';
+export declare const breakpointXxxlarge = '1440px';
+export declare const collectionsBrandsColorColorBrandADark = '#000000';
+export declare const collectionsBrandsColorColorBrandALight = '#000000';
+export declare const collectionsBrandsColorColorBrandBDark = '#000000';
+export declare const collectionsBrandsColorColorBrandBLight = '#000000';
+export declare const collectionsBrandsColorColor1BrandADark = '#000000';
+export declare const collectionsBrandsColorColor1BrandALight = '#000000';
+export declare const collectionsBrandsColorColor1BrandBDark = '#000000';
+export declare const collectionsBrandsColorColor1BrandBLight = '#000000';
+export declare const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
+export declare const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
+export declare const colorPink800 = '#710D55';
+export declare const collectionsBrandsColorPrimaryBrandBDark = '#710D55';
+export declare const colorPink400 = '#F37491';
+export declare const collectionsBrandsColorPrimaryBrandBLight = '#F37491';
+export declare const colorPink500 = '#EC487D';
+export declare const collectionsBrandsColorSecondaryBrandADark = '#EC487D';
+export declare const collectionsBrandsColorSecondaryBrandALight = '#EC487D';
+export declare const colorPurple500 = '#6A4CEC';
+export declare const collectionsBrandsColorSecondaryBrandBDark = '#6A4CEC';
+export declare const collectionsBrandsColorSecondaryBrandBLight = '#6A4CEC';
+export declare const collectionsBrandsFooBarBrandADark = '1px';
+export declare const collectionsBrandsFooBarBrandALight = '1px';
+export declare const collectionsBrandsFooBarBrandBDark = '1px';
+export declare const collectionsBrandsFooBarBrandBLight = '1px';
+export declare const collectionsBrandsTestDimensionBrandALight = '2px';
+export declare const spacingScale2 = '4px';
+export declare const collectionsDensitySpacingSmallCompact = '4px';
+export declare const collectionsBrandsTestPrimaryBrandADark = '4px';
+export declare const spacingScale8 = '40px';
+export declare const collectionsBrandsTestPrimaryBrandALight = '40px';
+export declare const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
+export declare const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
+export declare const colorNeutral600 = '#ACAAB6';
+export declare const collectionsBrandsTestSecondaryBrandBDark = '#ACAAB6';
+export declare const colorNeutral300 = '#EDECEF';
+export declare const collectionsBrandsTestSecondaryBrandBLight = '#EDECEF';
+export declare const collectionsDensitySpacingLargeComfortable = '40px';
+export declare const spacingScale5 = '16px';
+export declare const collectionsDensitySpacingLargeCompact = '16px';
+export declare const spacingScale6 = '24px';
+export declare const collectionsDensitySpacingMediumComfortable = '24px';
+export declare const collectionsDensitySpacingMediumCompact = '16px';
+export declare const spacingScale3 = '8px';
+export declare const collectionsDensitySpacingSmallComfortable = '8px';
+export declare const colorNeutral800 = '#191335';
+export declare const colorBlack = '#191335';
+export declare const colorWhite = '#ffffff';
+export declare const colorNeutral100 = '#FAFAFB';
+export declare const colorNeutral200 = '#F6F6F7';
+export declare const colorNeutral400 = '#dedce2';
+export declare const colorNeutral500 = '#BFBDC6';
+export declare const colorNeutral700 = '#878496';
+export declare const colorPink100 = '#FFDDDB';
+export declare const colorPink200 = '#FCB6B8';
+export declare const colorPink300 = '#FA919F';
+export declare const colorPink600 = '#CA3473';
+export declare const colorPink700 = '#AA2469';
+export declare const colorPurple100 = '#E5DBFE';
+export declare const colorPurple200 = '#C9B8FE';
+export declare const colorPurple300 = '#AA94F9';
+export declare const colorPurple400 = '#9076F3';
+export declare const colorPurple600 = '#5036CB';
+export declare const colorPurple700 = '#3925AA';
+export declare const colorPurple800 = '#190F72';
+export declare const colorTextDefault = '#191335';
+export declare const colorTextDisabled = '#dedce2';
+export declare const colorTextMuted = '#ACAAB6';
+export declare const colorTextWhite = '#ffffff';
+export declare const cypressMedium = '1rem';
+export declare const cypressSmall = '0.5rem';
+export declare const mediaQueryLarge = 'screen and (min-width: 1.5rem)';
+export declare const mediaQueryMedium = 'screen and (min-width: 480px)';
+export declare const mediaQuerySmall = 'screen and (min-width: 330px)';
+export declare const miscBoolean = true;
+export declare const miscDuration = '100ms';
+export declare const miscIsAwesome = true;
+export declare const miscIsAwesome2 = true;
+export declare const miscMagicNumber = 42;
+export declare const miscShadow = '1px 1px 1px 1px #000000';
+export declare const miscSomeText = 'Hello world';
+export declare const radiusMedium = '8px';
+export declare const radiusRound = '160px';
+export declare const radiusSmall = '4px';
+export declare const shadow1 = '0px 5px 10px 0px #000000';
+export declare const shadow2 = '0px 10px 20px 0px #000000';
+export declare const shadow3 = '0px 15px 25px 0px #000000';
+export declare const shadow4 = '0px 20px 40px 0px #000000';
+export declare const shadowColor = '#000000';
+export declare const spacingScale1 = '2px';
+export declare const spacingScale4 = '12px';
+export declare const spacingScale7 = '32px';
+export declare const spacingScale9 = '48px';
+export declare const spacingScale10 = '64px';
+export declare const spacingScale11 = '80px';
+export declare const spacingScale12 = '96px';
+export declare const spacingScale13 = '160px';
+export declare const transitionA = '250ms cubic-bezier(0,0,1,1) 100ms';
+export declare const transitionB = '500ms cubic-bezier(0.1,1,0.3,1) 10ms';

package/dist/design-tokens.js

@@ -0,0 +1,108 @@
+export const ungroupedToken = 'Im Not Part of Any Group';
+export const border1 = 'red dotted 2px';
+export const cypressLarge = '1.5rem';
+export const radiusLarge = '1.5rem';
+export const breakpointLarge = '1.5rem';
+export const breakpointMedium = '480px';
+export const breakpointSmall = '330px';
+export const breakpointXlarge = '992px';
+export const breakpointXxlarge = '1240px';
+export const breakpointXxxlarge = '1440px';
+export const collectionsBrandsColorColorBrandADark = '#000000';
+export const collectionsBrandsColorColorBrandALight = '#000000';
+export const collectionsBrandsColorColorBrandBDark = '#000000';
+export const collectionsBrandsColorColorBrandBLight = '#000000';
+export const collectionsBrandsColorColor1BrandADark = '#000000';
+export const collectionsBrandsColorColor1BrandALight = '#000000';
+export const collectionsBrandsColorColor1BrandBDark = '#000000';
+export const collectionsBrandsColorColor1BrandBLight = '#000000';
+export const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
+export const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
+export const colorPink800 = '#710D55';
+export const collectionsBrandsColorPrimaryBrandBDark = '#710D55';
+export const colorPink400 = '#F37491';
+export const collectionsBrandsColorPrimaryBrandBLight = '#F37491';
+export const colorPink500 = '#EC487D';
+export const collectionsBrandsColorSecondaryBrandADark = '#EC487D';
+export const collectionsBrandsColorSecondaryBrandALight = '#EC487D';
+export const colorPurple500 = '#6A4CEC';
+export const collectionsBrandsColorSecondaryBrandBDark = '#6A4CEC';
+export const collectionsBrandsColorSecondaryBrandBLight = '#6A4CEC';
+export const collectionsBrandsFooBarBrandADark = '1px';
+export const collectionsBrandsFooBarBrandALight = '1px';
+export const collectionsBrandsFooBarBrandBDark = '1px';
+export const collectionsBrandsFooBarBrandBLight = '1px';
+export const collectionsBrandsTestDimensionBrandALight = '2px';
+export const spacingScale2 = '4px';
+export const collectionsDensitySpacingSmallCompact = '4px';
+export const collectionsBrandsTestPrimaryBrandADark = '4px';
+export const spacingScale8 = '40px';
+export const collectionsBrandsTestPrimaryBrandALight = '40px';
+export const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
+export const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
+export const colorNeutral600 = '#ACAAB6';
+export const collectionsBrandsTestSecondaryBrandBDark = '#ACAAB6';
+export const colorNeutral300 = '#EDECEF';
+export const collectionsBrandsTestSecondaryBrandBLight = '#EDECEF';
+export const collectionsDensitySpacingLargeComfortable = '40px';
+export const spacingScale5 = '16px';
+export const collectionsDensitySpacingLargeCompact = '16px';
+export const spacingScale6 = '24px';
+export const collectionsDensitySpacingMediumComfortable = '24px';
+export const collectionsDensitySpacingMediumCompact = '16px';
+export const spacingScale3 = '8px';
+export const collectionsDensitySpacingSmallComfortable = '8px';
+export const colorNeutral800 = '#191335';
+export const colorBlack = '#191335';
+export const colorWhite = '#ffffff';
+export const colorNeutral100 = '#FAFAFB';
+export const colorNeutral200 = '#F6F6F7';
+export const colorNeutral400 = '#dedce2';
+export const colorNeutral500 = '#BFBDC6';
+export const colorNeutral700 = '#878496';
+export const colorPink100 = '#FFDDDB';
+export const colorPink200 = '#FCB6B8';
+export const colorPink300 = '#FA919F';
+export const colorPink600 = '#CA3473';
+export const colorPink700 = '#AA2469';
+export const colorPurple100 = '#E5DBFE';
+export const colorPurple200 = '#C9B8FE';
+export const colorPurple300 = '#AA94F9';
+export const colorPurple400 = '#9076F3';
+export const colorPurple600 = '#5036CB';
+export const colorPurple700 = '#3925AA';
+export const colorPurple800 = '#190F72';
+export const colorTextDefault = '#191335';
+export const colorTextDisabled = '#dedce2';
+export const colorTextMuted = '#ACAAB6';
+export const colorTextWhite = '#ffffff';
+export const cypressMedium = '1rem';
+export const cypressSmall = '0.5rem';
+export const mediaQueryLarge = 'screen and (min-width: 1.5rem)';
+export const mediaQueryMedium = 'screen and (min-width: 480px)';
+export const mediaQuerySmall = 'screen and (min-width: 330px)';
+export const miscBoolean = true;
+export const miscDuration = '100ms';
+export const miscIsAwesome = true;
+export const miscIsAwesome2 = true;
+export const miscMagicNumber = 42;
+export const miscShadow = '1px 1px 1px 1px #000000';
+export const miscSomeText = 'Hello world';
+export const radiusMedium = '8px';
+export const radiusRound = '160px';
+export const radiusSmall = '4px';
+export const shadow1 = '0px 5px 10px 0px #000000';
+export const shadow2 = '0px 10px 20px 0px #000000';
+export const shadow3 = '0px 15px 25px 0px #000000';
+export const shadow4 = '0px 20px 40px 0px #000000';
+export const shadowColor = '#000000';
+export const spacingScale1 = '2px';
+export const spacingScale4 = '12px';
+export const spacingScale7 = '32px';
+export const spacingScale9 = '48px';
+export const spacingScale10 = '64px';
+export const spacingScale11 = '80px';
+export const spacingScale12 = '96px';
+export const spacingScale13 = '160px';
+export const transitionA = '250ms cubic-bezier(0,0,1,1) 100ms';
+export const transitionB = '500ms cubic-bezier(0.1,1,0.3,1) 10ms';

package/dist/design-tokens.json

@@ -0,0 +1,110 @@
+{
+  "ungroupedToken": "Im Not Part of Any Group",
+  "border1": "red dotted 2px",
+  "breakpointLarge": "1.5rem",
+  "breakpointMedium": "480px",
+  "breakpointSmall": "330px",
+  "breakpointXlarge": "992px",
+  "breakpointXxlarge": "1240px",
+  "breakpointXxxlarge": "1440px",
+  "collectionsBrandsColorColorBrandADark": "#000000",
+  "collectionsBrandsColorColorBrandALight": "#000000",
+  "collectionsBrandsColorColorBrandBDark": "#000000",
+  "collectionsBrandsColorColorBrandBLight": "#000000",
+  "collectionsBrandsColorColor1BrandADark": "#000000",
+  "collectionsBrandsColorColor1BrandALight": "#000000",
+  "collectionsBrandsColorColor1BrandBDark": "#000000",
+  "collectionsBrandsColorColor1BrandBLight": "#000000",
+  "collectionsBrandsColorPrimaryBrandADark": "#0a13f7",
+  "collectionsBrandsColorPrimaryBrandALight": "#3ed93f",
+  "collectionsBrandsColorPrimaryBrandBDark": "#710D55",
+  "collectionsBrandsColorPrimaryBrandBLight": "#F37491",
+  "collectionsBrandsColorSecondaryBrandADark": "#EC487D",
+  "collectionsBrandsColorSecondaryBrandALight": "#EC487D",
+  "collectionsBrandsColorSecondaryBrandBDark": "#6A4CEC",
+  "collectionsBrandsColorSecondaryBrandBLight": "#6A4CEC",
+  "collectionsBrandsFooBarBrandADark": "1px",
+  "collectionsBrandsFooBarBrandALight": "1px",
+  "collectionsBrandsFooBarBrandBDark": "1px",
+  "collectionsBrandsFooBarBrandBLight": "1px",
+  "collectionsBrandsTestDimensionBrandALight": "2px",
+  "collectionsBrandsTestPrimaryBrandADark": "4px",
+  "collectionsBrandsTestPrimaryBrandALight": "40px",
+  "collectionsBrandsTestSecondaryBrandADark": "#cc2020",
+  "collectionsBrandsTestSecondaryBrandALight": "#cc2020",
+  "collectionsBrandsTestSecondaryBrandBDark": "#ACAAB6",
+  "collectionsBrandsTestSecondaryBrandBLight": "#EDECEF",
+  "collectionsDensitySpacingLargeComfortable": "40px",
+  "collectionsDensitySpacingLargeCompact": "16px",
+  "collectionsDensitySpacingMediumComfortable": "24px",
+  "collectionsDensitySpacingMediumCompact": "16px",
+  "collectionsDensitySpacingSmallComfortable": "8px",
+  "collectionsDensitySpacingSmallCompact": "4px",
+  "colorBlack": "#191335",
+  "colorWhite": "#ffffff",
+  "colorNeutral100": "#FAFAFB",
+  "colorNeutral200": "#F6F6F7",
+  "colorNeutral300": "#EDECEF",
+  "colorNeutral400": "#dedce2",
+  "colorNeutral500": "#BFBDC6",
+  "colorNeutral600": "#ACAAB6",
+  "colorNeutral700": "#878496",
+  "colorNeutral800": "#191335",
+  "colorPink100": "#FFDDDB",
+  "colorPink200": "#FCB6B8",
+  "colorPink300": "#FA919F",
+  "colorPink400": "#F37491",
+  "colorPink500": "#EC487D",
+  "colorPink600": "#CA3473",
+  "colorPink700": "#AA2469",
+  "colorPink800": "#710D55",
+  "colorPurple100": "#E5DBFE",
+  "colorPurple200": "#C9B8FE",
+  "colorPurple300": "#AA94F9",
+  "colorPurple400": "#9076F3",
+  "colorPurple500": "#6A4CEC",
+  "colorPurple600": "#5036CB",
+  "colorPurple700": "#3925AA",
+  "colorPurple800": "#190F72",
+  "colorTextDefault": "#191335",
+  "colorTextDisabled": "#dedce2",
+  "colorTextMuted": "#ACAAB6",
+  "colorTextWhite": "#ffffff",
+  "cypressLarge": "1.5rem",
+  "cypressMedium": "1rem",
+  "cypressSmall": "0.5rem",
+  "mediaQueryLarge": "screen and (min-width: 1.5rem)",
+  "mediaQueryMedium": "screen and (min-width: 480px)",
+  "mediaQuerySmall": "screen and (min-width: 330px)",
+  "miscBoolean": true,
+  "miscDuration": "100ms",
+  "miscIsAwesome": true,
+  "miscIsAwesome2": true,
+  "miscMagicNumber": 42,
+  "miscShadow": "1px 1px 1px 1px #000000",
+  "miscSomeText": "Hello world",
+  "radiusLarge": "1.5rem",
+  "radiusMedium": "8px",
+  "radiusRound": "160px",
+  "radiusSmall": "4px",
+  "shadow1": "0px 5px 10px 0px #000000",
+  "shadow2": "0px 10px 20px 0px #000000",
+  "shadow3": "0px 15px 25px 0px #000000",
+  "shadow4": "0px 20px 40px 0px #000000",
+  "shadowColor": "#000000",
+  "spacingScale1": "2px",
+  "spacingScale2": "4px",
+  "spacingScale3": "8px",
+  "spacingScale4": "12px",
+  "spacingScale5": "16px",
+  "spacingScale6": "24px",
+  "spacingScale7": "32px",
+  "spacingScale8": "40px",
+  "spacingScale9": "48px",
+  "spacingScale10": "64px",
+  "spacingScale11": "80px",
+  "spacingScale12": "96px",
+  "spacingScale13": "160px",
+  "transitionA": "250ms cubic-bezier(0,0,1,1) 100ms",
+  "transitionB": "500ms cubic-bezier(0.1,1,0.3,1) 10ms"
+}

package/dist/design-tokens.less

@@ -0,0 +1,108 @@
+@ungrouped-token: Im Not Part of Any Group;
+@border-1: red dotted 2px;
+@cypress-large: 1.5rem;
+@radius-large: @cypress-large;
+@breakpoint-large: @radius-large;
+@breakpoint-medium: 480px;
+@breakpoint-small: 330px;
+@breakpoint-xlarge: 992px;
+@breakpoint-xxlarge: 1240px;
+@breakpoint-xxxlarge: 1440px;
+@collections-brands-color-color-brand-a-dark: #000000;
+@collections-brands-color-color-brand-a-light: #000000;
+@collections-brands-color-color-brand-b-dark: #000000;
+@collections-brands-color-color-brand-b-light: #000000;
+@collections-brands-color-color-1-brand-a-dark: #000000;
+@collections-brands-color-color-1-brand-a-light: #000000;
+@collections-brands-color-color-1-brand-b-dark: #000000;
+@collections-brands-color-color-1-brand-b-light: #000000;
+@collections-brands-color-primary-brand-a-dark: #0a13f7;
+@collections-brands-color-primary-brand-a-light: #3ed93f;
+@color-pink-800: #710d55;
+@collections-brands-color-primary-brand-b-dark: @color-pink-800;
+@color-pink-400: #f37491;
+@collections-brands-color-primary-brand-b-light: @color-pink-400;
+@color-pink-500: #ec487d;
+@collections-brands-color-secondary-brand-a-dark: @color-pink-500;
+@collections-brands-color-secondary-brand-a-light: @color-pink-500;
+@color-purple-500: #6a4cec;
+@collections-brands-color-secondary-brand-b-dark: @color-purple-500;
+@collections-brands-color-secondary-brand-b-light: @color-purple-500;
+@collections-brands-foo-bar-brand-a-dark: 1px;
+@collections-brands-foo-bar-brand-a-light: 1px;
+@collections-brands-foo-bar-brand-b-dark: 1px;
+@collections-brands-foo-bar-brand-b-light: 1px;
+@collections-brands-test-dimension-brand-a-light: 2px;
+@spacing-scale-2: 4px;
+@collections-density-spacing-small-compact: @spacing-scale-2;
+@collections-brands-test-primary-brand-a-dark: @collections-density-spacing-small-compact;
+@spacing-scale-8: 40px;
+@collections-brands-test-primary-brand-a-light: @spacing-scale-8;
+@collections-brands-test-secondary-brand-a-dark: #cc2020;
+@collections-brands-test-secondary-brand-a-light: #cc2020;
+@color-neutral-600: #acaab6;
+@collections-brands-test-secondary-brand-b-dark: @color-neutral-600;
+@color-neutral-300: #edecef;
+@collections-brands-test-secondary-brand-b-light: @color-neutral-300;
+@collections-density-spacing-large-comfortable: @spacing-scale-8;
+@spacing-scale-5: 16px;
+@collections-density-spacing-large-compact: @spacing-scale-5;
+@spacing-scale-6: 24px;
+@collections-density-spacing-medium-comfortable: @spacing-scale-6;
+@collections-density-spacing-medium-compact: @spacing-scale-5;
+@spacing-scale-3: 8px;
+@collections-density-spacing-small-comfortable: @spacing-scale-3;
+@color-neutral-800: #191335;
+@color-black: @color-neutral-800;
+@color-white: #ffffff;
+@color-neutral-100: #fafafb;
+@color-neutral-200: #f6f6f7;
+@color-neutral-400: #dedce2;
+@color-neutral-500: #bfbdc6;
+@color-neutral-700: #878496;
+@color-pink-100: #ffdddb;
+@color-pink-200: #fcb6b8;
+@color-pink-300: #fa919f;
+@color-pink-600: #ca3473;
+@color-pink-700: #aa2469;
+@color-purple-100: #e5dbfe;
+@color-purple-200: #c9b8fe;
+@color-purple-300: #aa94f9;
+@color-purple-400: #9076f3;
+@color-purple-600: #5036cb;
+@color-purple-700: #3925aa;
+@color-purple-800: #190f72;
+@color-text-default: @color-neutral-800;
+@color-text-disabled: @color-neutral-400;
+@color-text-muted: @color-neutral-600;
+@color-text-white: @color-white;
+@cypress-medium: 1rem;
+@cypress-small: 0.5rem;
+@media-query-large: screen and (min-width: @breakpoint-large);
+@media-query-medium: screen and (min-width: @breakpoint-medium);
+@media-query-small: screen and (min-width: @breakpoint-small);
+@misc-boolean: true;
+@misc-duration: 100ms;
+@misc-is-awesome: true;
+@misc-is-awesome2: @misc-is-awesome;
+@misc-magic-number: 42;
+@misc-shadow: 1px 1px 1px 1px #000000;
+@misc-some-text: Hello world;
+@radius-medium: 8px;
+@radius-round: 160px;
+@radius-small: 4px;
+@shadow-1: 0px 5px 10px 0px #000000;
+@shadow-2: 0px 10px 20px 0px #000000;
+@shadow-3: 0px 15px 25px 0px #000000;
+@shadow-4: 0px 20px 40px 0px #000000;
+@shadow-color: #000000;
+@spacing-scale-1: 2px;
+@spacing-scale-4: 12px;
+@spacing-scale-7: 32px;
+@spacing-scale-9: 48px;
+@spacing-scale-10: 64px;
+@spacing-scale-11: 80px;
+@spacing-scale-12: 96px;
+@spacing-scale-13: 160px;
+@transition-a: 250ms cubic-bezier(0, 0, 1, 1) 100ms;
+@transition-b: 500ms cubic-bezier(0.1, 1, 0.3, 1) 10ms;

package/dist/design-tokens.mjs

@@ -0,0 +1,108 @@
+export const ungroupedToken = 'Im Not Part of Any Group';
+export const border1 = 'red dotted 2px';
+export const cypressLarge = '1.5rem';
+export const radiusLarge = '1.5rem';
+export const breakpointLarge = '1.5rem';
+export const breakpointMedium = '480px';
+export const breakpointSmall = '330px';
+export const breakpointXlarge = '992px';
+export const breakpointXxlarge = '1240px';
+export const breakpointXxxlarge = '1440px';
+export const collectionsBrandsColorColorBrandADark = '#000000';
+export const collectionsBrandsColorColorBrandALight = '#000000';
+export const collectionsBrandsColorColorBrandBDark = '#000000';
+export const collectionsBrandsColorColorBrandBLight = '#000000';
+export const collectionsBrandsColorColor1BrandADark = '#000000';
+export const collectionsBrandsColorColor1BrandALight = '#000000';
+export const collectionsBrandsColorColor1BrandBDark = '#000000';
+export const collectionsBrandsColorColor1BrandBLight = '#000000';
+export const collectionsBrandsColorPrimaryBrandADark = '#0a13f7';
+export const collectionsBrandsColorPrimaryBrandALight = '#3ed93f';
+export const colorPink800 = '#710D55';
+export const collectionsBrandsColorPrimaryBrandBDark = '#710D55';
+export const colorPink400 = '#F37491';
+export const collectionsBrandsColorPrimaryBrandBLight = '#F37491';
+export const colorPink500 = '#EC487D';
+export const collectionsBrandsColorSecondaryBrandADark = '#EC487D';
+export const collectionsBrandsColorSecondaryBrandALight = '#EC487D';
+export const colorPurple500 = '#6A4CEC';
+export const collectionsBrandsColorSecondaryBrandBDark = '#6A4CEC';
+export const collectionsBrandsColorSecondaryBrandBLight = '#6A4CEC';
+export const collectionsBrandsFooBarBrandADark = '1px';
+export const collectionsBrandsFooBarBrandALight = '1px';
+export const collectionsBrandsFooBarBrandBDark = '1px';
+export const collectionsBrandsFooBarBrandBLight = '1px';
+export const collectionsBrandsTestDimensionBrandALight = '2px';
+export const spacingScale2 = '4px';
+export const collectionsDensitySpacingSmallCompact = '4px';
+export const collectionsBrandsTestPrimaryBrandADark = '4px';
+export const spacingScale8 = '40px';
+export const collectionsBrandsTestPrimaryBrandALight = '40px';
+export const collectionsBrandsTestSecondaryBrandADark = '#cc2020';
+export const collectionsBrandsTestSecondaryBrandALight = '#cc2020';
+export const colorNeutral600 = '#ACAAB6';
+export const collectionsBrandsTestSecondaryBrandBDark = '#ACAAB6';
+export const colorNeutral300 = '#EDECEF';
+export const collectionsBrandsTestSecondaryBrandBLight = '#EDECEF';
+export const collectionsDensitySpacingLargeComfortable = '40px';
+export const spacingScale5 = '16px';
+export const collectionsDensitySpacingLargeCompact = '16px';
+export const spacingScale6 = '24px';
+export const collectionsDensitySpacingMediumComfortable = '24px';
+export const collectionsDensitySpacingMediumCompact = '16px';
+export const spacingScale3 = '8px';
+export const collectionsDensitySpacingSmallComfortable = '8px';
+export const colorNeutral800 = '#191335';
+export const colorBlack = '#191335';
+export const colorWhite = '#ffffff';
+export const colorNeutral100 = '#FAFAFB';
+export const colorNeutral200 = '#F6F6F7';
+export const colorNeutral400 = '#dedce2';
+export const colorNeutral500 = '#BFBDC6';
+export const colorNeutral700 = '#878496';
+export const colorPink100 = '#FFDDDB';
+export const colorPink200 = '#FCB6B8';
+export const colorPink300 = '#FA919F';
+export const colorPink600 = '#CA3473';
+export const colorPink700 = '#AA2469';
+export const colorPurple100 = '#E5DBFE';
+export const colorPurple200 = '#C9B8FE';
+export const colorPurple300 = '#AA94F9';
+export const colorPurple400 = '#9076F3';
+export const colorPurple600 = '#5036CB';
+export const colorPurple700 = '#3925AA';
+export const colorPurple800 = '#190F72';
+export const colorTextDefault = '#191335';
+export const colorTextDisabled = '#dedce2';
+export const colorTextMuted = '#ACAAB6';
+export const colorTextWhite = '#ffffff';
+export const cypressMedium = '1rem';
+export const cypressSmall = '0.5rem';
+export const mediaQueryLarge = 'screen and (min-width: 1.5rem)';
+export const mediaQueryMedium = 'screen and (min-width: 480px)';
+export const mediaQuerySmall = 'screen and (min-width: 330px)';
+export const miscBoolean = true;
+export const miscDuration = '100ms';
+export const miscIsAwesome = true;
+export const miscIsAwesome2 = true;
+export const miscMagicNumber = 42;
+export const miscShadow = '1px 1px 1px 1px #000000';
+export const miscSomeText = 'Hello world';
+export const radiusMedium = '8px';
+export const radiusRound = '160px';
+export const radiusSmall = '4px';
+export const shadow1 = '0px 5px 10px 0px #000000';
+export const shadow2 = '0px 10px 20px 0px #000000';
+export const shadow3 = '0px 15px 25px 0px #000000';
+export const shadow4 = '0px 20px 40px 0px #000000';
+export const shadowColor = '#000000';
+export const spacingScale1 = '2px';
+export const spacingScale4 = '12px';
+export const spacingScale7 = '32px';
+export const spacingScale9 = '48px';
+export const spacingScale10 = '64px';
+export const spacingScale11 = '80px';
+export const spacingScale12 = '96px';
+export const spacingScale13 = '160px';
+export const transitionA = '250ms cubic-bezier(0,0,1,1) 100ms';
+export const transitionB = '500ms cubic-bezier(0.1,1,0.3,1) 10ms';