Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

View File

@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "borderRadius", {
enumerable: true,
get: function() {
return borderRadius;
}
});
const borderRadius = {
borderRadiusNone: '0',
borderRadiusSmall: '2px',
borderRadiusMedium: '4px',
borderRadiusLarge: '6px',
borderRadiusXLarge: '8px',
borderRadius2XLarge: '12px',
borderRadius3XLarge: '16px',
borderRadius4XLarge: '24px',
borderRadius5XLarge: '32px',
borderRadius6XLarge: '40px',
borderRadiusCircular: '10000px'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/borderRadius.ts"],"sourcesContent":["import type { BorderRadiusTokens } from '../types';\n\nexport const borderRadius: BorderRadiusTokens = {\n borderRadiusNone: '0',\n borderRadiusSmall: '2px',\n borderRadiusMedium: '4px',\n borderRadiusLarge: '6px',\n borderRadiusXLarge: '8px',\n borderRadius2XLarge: '12px',\n borderRadius3XLarge: '16px',\n borderRadius4XLarge: '24px',\n borderRadius5XLarge: '32px',\n borderRadius6XLarge: '40px',\n borderRadiusCircular: '10000px',\n};\n"],"names":["borderRadius","borderRadiusNone","borderRadiusSmall","borderRadiusMedium","borderRadiusLarge","borderRadiusXLarge","borderRadius2XLarge","borderRadius3XLarge","borderRadius4XLarge","borderRadius5XLarge","borderRadius6XLarge","borderRadiusCircular"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,eAAmC;IAC9CC,kBAAkB;IAClBC,mBAAmB;IACnBC,oBAAoB;IACpBC,mBAAmB;IACnBC,oBAAoB;IACpBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,qBAAqB;IACrBC,sBAAsB;AACxB"}

View File

@@ -0,0 +1,96 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
brandOffice: function() {
return brandOffice;
},
brandTeams: function() {
return brandTeams;
},
brandTeamsV21: function() {
return brandTeamsV21;
},
brandWeb: function() {
return brandWeb;
}
});
const brandWeb = {
10: `#061724`,
20: `#082338`,
30: `#0a2e4a`,
40: `#0c3b5e`,
50: `#0e4775`,
60: `#0f548c`,
70: `#115ea3`,
80: `#0f6cbd`,
90: `#2886de`,
100: `#479ef5`,
110: `#62abf5`,
120: `#77b7f7`,
130: `#96c6fa`,
140: `#b4d6fa`,
150: `#cfe4fa`,
160: `#ebf3fc`
};
const brandTeams = {
10: `#2b2b40`,
20: `#2f2f4a`,
30: `#333357`,
40: `#383966`,
50: `#3d3e78`,
60: `#444791`,
70: `#4f52b2`,
80: `#5b5fc7`,
90: `#7579eb`,
100: `#7f85f5`,
110: `#9299f7`,
120: `#aab1fa`,
130: `#b6bcfa`,
140: `#c5cbfa`,
150: `#dce0fa`,
160: `#e8ebfa`
};
const brandOffice = {
10: `#29130b`,
20: `#4d2415`,
30: `#792000`,
40: `#99482b`,
50: `#a52c00`,
60: `#c33400`,
70: `#e06a3f`,
80: `#d83b01`,
90: `#dd4f1b`,
100: `#fe7948`,
110: `#ff865a`,
120: `#ff9973`,
130: `#e8825d`,
140: `#ffb498`,
150: `#f4beaa`,
160: `#f9dcd1`
};
const brandTeamsV21 = {
10: `#29274f`,
20: `#2f2a5e`,
30: `#352e70`,
40: `#3b3185`,
50: `#44359e`,
60: `#4d3aba`,
70: `#5a40db`,
80: `#654cf5`,
90: `#7769fa`,
100: `#887dff`,
110: `#9791ff`,
120: `#aba8ff`,
130: `#bab8ff`,
140: `#c8c7ff`,
150: `#dcdbff`,
160: `#e8e8ff`
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/brandColors.ts"],"sourcesContent":["import type { BrandVariants } from '../types';\n\nexport const brandWeb: BrandVariants = {\n 10: `#061724`,\n 20: `#082338`,\n 30: `#0a2e4a`,\n 40: `#0c3b5e`,\n 50: `#0e4775`,\n 60: `#0f548c`,\n 70: `#115ea3`,\n 80: `#0f6cbd`,\n 90: `#2886de`,\n 100: `#479ef5`,\n 110: `#62abf5`,\n 120: `#77b7f7`,\n 130: `#96c6fa`,\n 140: `#b4d6fa`,\n 150: `#cfe4fa`,\n 160: `#ebf3fc`,\n};\n\nexport const brandTeams: BrandVariants = {\n 10: `#2b2b40`,\n 20: `#2f2f4a`,\n 30: `#333357`,\n 40: `#383966`,\n 50: `#3d3e78`,\n 60: `#444791`,\n 70: `#4f52b2`,\n 80: `#5b5fc7`,\n 90: `#7579eb`,\n 100: `#7f85f5`,\n 110: `#9299f7`,\n 120: `#aab1fa`,\n 130: `#b6bcfa`,\n 140: `#c5cbfa`,\n 150: `#dce0fa`,\n 160: `#e8ebfa`,\n};\n\nexport const brandOffice: BrandVariants = {\n 10: `#29130b`,\n 20: `#4d2415`,\n 30: `#792000`,\n 40: `#99482b`,\n 50: `#a52c00`,\n 60: `#c33400`,\n 70: `#e06a3f`,\n 80: `#d83b01`,\n 90: `#dd4f1b`,\n 100: `#fe7948`,\n 110: `#ff865a`,\n 120: `#ff9973`,\n 130: `#e8825d`,\n 140: `#ffb498`,\n 150: `#f4beaa`,\n 160: `#f9dcd1`,\n};\n\nexport const brandTeamsV21: BrandVariants = {\n 10: `#29274f`,\n 20: `#2f2a5e`,\n 30: `#352e70`,\n 40: `#3b3185`,\n 50: `#44359e`,\n 60: `#4d3aba`,\n 70: `#5a40db`,\n 80: `#654cf5`,\n 90: `#7769fa`,\n 100: `#887dff`,\n 110: `#9791ff`,\n 120: `#aba8ff`,\n 130: `#bab8ff`,\n 140: `#c8c7ff`,\n 150: `#dcdbff`,\n 160: `#e8e8ff`,\n};\n"],"names":["brandOffice","brandTeams","brandTeamsV21","brandWeb"],"mappings":";;;;;;;;;;;IAwCaA,WAAW;eAAXA;;IAnBAC,UAAU;eAAVA;;IAsCAC,aAAa;eAAbA;;IAzDAC,QAAQ;eAARA;;;AAAN,MAAMA,WAA0B;IACrC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAMF,aAA4B;IACvC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAMD,cAA6B;IACxC,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB;AAEO,MAAME,gBAA+B;IAC1C,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,IAAI,CAAC,OAAO,CAAC;IACb,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,OAAO,CAAC;AAChB"}

View File

@@ -0,0 +1,66 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
mappedStatusColors: function() {
return mappedStatusColors;
},
personaSharedColors: function() {
return personaSharedColors;
},
statusSharedColors: function() {
return statusSharedColors;
}
});
const _colors = require("./colors.js");
const statusSharedColors = {
red: _colors.red,
green: _colors.green,
darkOrange: _colors.darkOrange,
yellow: _colors.yellow,
berry: _colors.berry,
lightGreen: _colors.lightGreen,
marigold: _colors.marigold
};
const personaSharedColors = {
darkRed: _colors.darkRed,
cranberry: _colors.cranberry,
pumpkin: _colors.pumpkin,
peach: _colors.peach,
gold: _colors.gold,
brass: _colors.brass,
brown: _colors.brown,
forest: _colors.forest,
seafoam: _colors.seafoam,
darkGreen: _colors.darkGreen,
lightTeal: _colors.lightTeal,
teal: _colors.teal,
steel: _colors.steel,
blue: _colors.blue,
royalBlue: _colors.royalBlue,
cornflower: _colors.cornflower,
navy: _colors.navy,
lavender: _colors.lavender,
purple: _colors.purple,
grape: _colors.grape,
lilac: _colors.lilac,
pink: _colors.pink,
magenta: _colors.magenta,
plum: _colors.plum,
beige: _colors.beige,
mink: _colors.mink,
platinum: _colors.platinum,
anchor: _colors.anchor
};
const mappedStatusColors = {
cranberry: _colors.cranberry,
green: _colors.green,
orange: _colors.orange
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/colorPalette.ts"],"sourcesContent":["import {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n orange,\n} from './colors';\nimport { MappedStatusColors, PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n};\n\nexport const mappedStatusColors: MappedStatusColors = {\n cranberry,\n green,\n orange,\n};\n"],"names":["mappedStatusColors","personaSharedColors","statusSharedColors","red","green","darkOrange","yellow","berry","lightGreen","marigold","darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","orange"],"mappings":";;;;;;;;;;;IAiFaA,kBAAkB;eAAlBA;;IA/BAC,mBAAmB;eAAnBA;;IAVAC,kBAAkB;eAAlBA;;;wBAHN;AAGA,MAAMA,qBAAyC;IACpDC,KAAAA,WAAG;IACHC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,UAAAA,gBAAQ;AACV;AAEO,MAAMR,sBAA2C;IACtDS,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,SAAAA,eAAO;IACPC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,QAAAA,cAAM;IACNC,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,WAAAA,iBAAS;IACTC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,WAAAA,iBAAS;IACTC,YAAAA,kBAAU;IACVC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,SAAAA,eAAO;IACPC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;AACR;AAEO,MAAMrC,qBAAyC;IACpDW,WAAAA,iBAAS;IACTP,OAAAA,aAAK;IACLkC,QAAAA,cAAM;AACR"}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,21 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "curves", {
enumerable: true,
get: function() {
return curves;
}
});
const curves = {
curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',
curveAccelerateMid: 'cubic-bezier(1,0,1,1)',
curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',
curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',
curveDecelerateMid: 'cubic-bezier(0,0,0,1)',
curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',
curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',
curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',
curveLinear: 'cubic-bezier(0,0,1,1)'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/curves.ts"],"sourcesContent":["import type { CurveTokens } from '../types';\n\nexport const curves: CurveTokens = {\n curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',\n curveAccelerateMid: 'cubic-bezier(1,0,1,1)',\n curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',\n curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',\n curveDecelerateMid: 'cubic-bezier(0,0,0,1)',\n curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',\n curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',\n curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',\n curveLinear: 'cubic-bezier(0,0,1,1)',\n};\n"],"names":["curves","curveAccelerateMax","curveAccelerateMid","curveAccelerateMin","curveDecelerateMax","curveDecelerateMid","curveDecelerateMin","curveEasyEaseMax","curveEasyEase","curveLinear"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,SAAsB;IACjCC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,aAAa;AACf"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "durations", {
enumerable: true,
get: function() {
return durations;
}
});
const durations = {
durationUltraFast: '50ms',
durationFaster: '100ms',
durationFast: '150ms',
durationNormal: '200ms',
durationGentle: '250ms',
durationSlow: '300ms',
durationSlower: '400ms',
durationUltraSlow: '500ms'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/durations.ts"],"sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n durationUltraFast: '50ms',\n durationFaster: '100ms',\n durationFast: '150ms',\n durationNormal: '200ms',\n durationGentle: '250ms',\n durationSlow: '300ms',\n durationSlower: '400ms',\n durationUltraSlow: '500ms',\n};\n"],"names":["durations","durationUltraFast","durationFaster","durationFast","durationNormal","durationGentle","durationSlow","durationSlower","durationUltraSlow"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,YAA4B;IACvCC,mBAAmB;IACnBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,mBAAmB;AACrB"}

View File

@@ -0,0 +1,59 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
fontFamilies: function() {
return fontFamilies;
},
fontSizes: function() {
return fontSizes;
},
fontWeights: function() {
return fontWeights;
},
lineHeights: function() {
return lineHeights;
}
});
const fontSizes = {
fontSizeBase100: '10px',
fontSizeBase200: '12px',
fontSizeBase300: '14px',
fontSizeBase400: '16px',
fontSizeBase500: '20px',
fontSizeBase600: '24px',
fontSizeHero700: '28px',
fontSizeHero800: '32px',
fontSizeHero900: '40px',
fontSizeHero1000: '68px'
};
const lineHeights = {
lineHeightBase100: '14px',
lineHeightBase200: '16px',
lineHeightBase300: '20px',
lineHeightBase400: '22px',
lineHeightBase500: '28px',
lineHeightBase600: '32px',
lineHeightHero700: '36px',
lineHeightHero800: '40px',
lineHeightHero900: '52px',
lineHeightHero1000: '92px'
};
const fontWeights = {
fontWeightRegular: 400,
fontWeightMedium: 500,
fontWeightSemibold: 600,
fontWeightBold: 700
};
const fontFamilies = {
fontFamilyBase: "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
fontFamilyNumeric: "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/fonts.ts"],"sourcesContent":["import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';\n\nexport const fontSizes: FontSizeTokens = {\n fontSizeBase100: '10px',\n fontSizeBase200: '12px',\n fontSizeBase300: '14px',\n fontSizeBase400: '16px',\n fontSizeBase500: '20px',\n fontSizeBase600: '24px',\n\n fontSizeHero700: '28px',\n fontSizeHero800: '32px',\n fontSizeHero900: '40px',\n fontSizeHero1000: '68px',\n};\n\nexport const lineHeights: LineHeightTokens = {\n lineHeightBase100: '14px',\n lineHeightBase200: '16px',\n lineHeightBase300: '20px',\n lineHeightBase400: '22px',\n lineHeightBase500: '28px',\n lineHeightBase600: '32px',\n\n lineHeightHero700: '36px',\n lineHeightHero800: '40px',\n lineHeightHero900: '52px',\n lineHeightHero1000: '92px',\n};\n\nexport const fontWeights: FontWeightTokens = {\n fontWeightRegular: 400,\n fontWeightMedium: 500,\n fontWeightSemibold: 600,\n fontWeightBold: 700,\n};\n\nexport const fontFamilies: FontFamilyTokens = {\n fontFamilyBase:\n \"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n fontFamilyMonospace: \"Consolas, 'Courier New', Courier, monospace\",\n fontFamilyNumeric:\n \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n"],"names":["fontFamilies","fontSizes","fontWeights","lineHeights","fontSizeBase100","fontSizeBase200","fontSizeBase300","fontSizeBase400","fontSizeBase500","fontSizeBase600","fontSizeHero700","fontSizeHero800","fontSizeHero900","fontSizeHero1000","lineHeightBase100","lineHeightBase200","lineHeightBase300","lineHeightBase400","lineHeightBase500","lineHeightBase600","lineHeightHero700","lineHeightHero800","lineHeightHero900","lineHeightHero1000","fontWeightRegular","fontWeightMedium","fontWeightSemibold","fontWeightBold","fontFamilyBase","fontFamilyMonospace","fontFamilyNumeric"],"mappings":";;;;;;;;;;;IAqCaA,YAAY;eAAZA;;IAnCAC,SAAS;eAATA;;IA4BAC,WAAW;eAAXA;;IAdAC,WAAW;eAAXA;;;AAdN,MAAMF,YAA4B;IACvCG,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IAEjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;AACpB;AAEO,MAAMV,cAAgC;IAC3CW,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IAEnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,oBAAoB;AACtB;AAEO,MAAMrB,cAAgC;IAC3CsB,mBAAmB;IACnBC,kBAAkB;IAClBC,oBAAoB;IACpBC,gBAAgB;AAClB;AAEO,MAAM3B,eAAiC;IAC5C4B,gBACE;IACFC,qBAAqB;IACrBC,mBACE;AACJ"}

View File

@@ -0,0 +1,248 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
anchor: function() {
return _colors.anchor;
},
beige: function() {
return _colors.beige;
},
berry: function() {
return _colors.berry;
},
black: function() {
return _colors.black;
},
blackAlpha: function() {
return _colors.blackAlpha;
},
blue: function() {
return _colors.blue;
},
borderRadius: function() {
return _borderRadius.borderRadius;
},
brass: function() {
return _colors.brass;
},
bronze: function() {
return _colors.bronze;
},
brown: function() {
return _colors.brown;
},
burgundy: function() {
return _colors.burgundy;
},
charcoal: function() {
return _colors.charcoal;
},
cornflower: function() {
return _colors.cornflower;
},
cranberry: function() {
return _colors.cranberry;
},
curves: function() {
return _curves.curves;
},
cyan: function() {
return _colors.cyan;
},
darkBlue: function() {
return _colors.darkBlue;
},
darkBrown: function() {
return _colors.darkBrown;
},
darkGreen: function() {
return _colors.darkGreen;
},
darkOrange: function() {
return _colors.darkOrange;
},
darkPurple: function() {
return _colors.darkPurple;
},
darkRed: function() {
return _colors.darkRed;
},
darkTeal: function() {
return _colors.darkTeal;
},
durations: function() {
return _durations.durations;
},
fontFamilies: function() {
return _fonts.fontFamilies;
},
fontSizes: function() {
return _fonts.fontSizes;
},
fontWeights: function() {
return _fonts.fontWeights;
},
forest: function() {
return _colors.forest;
},
gold: function() {
return _colors.gold;
},
grape: function() {
return _colors.grape;
},
green: function() {
return _colors.green;
},
grey: function() {
return _colors.grey;
},
grey10Alpha: function() {
return _colors.grey10Alpha;
},
grey12Alpha: function() {
return _colors.grey12Alpha;
},
grey14Alpha: function() {
return _colors.grey14Alpha;
},
hcButtonFace: function() {
return _colors.hcButtonFace;
},
hcButtonText: function() {
return _colors.hcButtonText;
},
hcCanvas: function() {
return _colors.hcCanvas;
},
hcCanvasText: function() {
return _colors.hcCanvasText;
},
hcDisabled: function() {
return _colors.hcDisabled;
},
hcHighlight: function() {
return _colors.hcHighlight;
},
hcHighlightText: function() {
return _colors.hcHighlightText;
},
hcHyperlink: function() {
return _colors.hcHyperlink;
},
horizontalSpacings: function() {
return _spacings.horizontalSpacings;
},
hotPink: function() {
return _colors.hotPink;
},
lavender: function() {
return _colors.lavender;
},
lightBlue: function() {
return _colors.lightBlue;
},
lightGreen: function() {
return _colors.lightGreen;
},
lightTeal: function() {
return _colors.lightTeal;
},
lilac: function() {
return _colors.lilac;
},
lime: function() {
return _colors.lime;
},
lineHeights: function() {
return _fonts.lineHeights;
},
magenta: function() {
return _colors.magenta;
},
marigold: function() {
return _colors.marigold;
},
mink: function() {
return _colors.mink;
},
navy: function() {
return _colors.navy;
},
orange: function() {
return _colors.orange;
},
orchid: function() {
return _colors.orchid;
},
peach: function() {
return _colors.peach;
},
pink: function() {
return _colors.pink;
},
platinum: function() {
return _colors.platinum;
},
plum: function() {
return _colors.plum;
},
pumpkin: function() {
return _colors.pumpkin;
},
purple: function() {
return _colors.purple;
},
red: function() {
return _colors.red;
},
royalBlue: function() {
return _colors.royalBlue;
},
seafoam: function() {
return _colors.seafoam;
},
silver: function() {
return _colors.silver;
},
steel: function() {
return _colors.steel;
},
strokeWidths: function() {
return _strokeWidths.strokeWidths;
},
teal: function() {
return _colors.teal;
},
typographyStyles: function() {
return _typographyStyles.typographyStyles;
},
verticalSpacings: function() {
return _spacings.verticalSpacings;
},
white: function() {
return _colors.white;
},
whiteAlpha: function() {
return _colors.whiteAlpha;
},
yellow: function() {
return _colors.yellow;
}
});
const _borderRadius = require("./borderRadius.js");
const _colors = require("./colors.js");
const _curves = require("./curves.js");
const _durations = require("./durations.js");
const _fonts = require("./fonts.js");
const _spacings = require("./spacings.js");
const _strokeWidths = require("./strokeWidths.js");
const _typographyStyles = require("./typographyStyles.js");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/index.ts"],"sourcesContent":["export { borderRadius } from './borderRadius';\nexport {\n anchor,\n beige,\n berry,\n black,\n blackAlpha,\n blue,\n brass,\n bronze,\n brown,\n burgundy,\n charcoal,\n cornflower,\n cranberry,\n cyan,\n darkBlue,\n darkBrown,\n darkGreen,\n darkOrange,\n darkPurple,\n darkRed,\n darkTeal,\n forest,\n gold,\n grape,\n green,\n grey,\n grey10Alpha,\n grey12Alpha,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n hotPink,\n lavender,\n lightBlue,\n lightGreen,\n lightTeal,\n lilac,\n lime,\n magenta,\n marigold,\n mink,\n navy,\n orange,\n orchid,\n peach,\n pink,\n platinum,\n plum,\n pumpkin,\n purple,\n red,\n royalBlue,\n seafoam,\n silver,\n steel,\n teal,\n white,\n whiteAlpha,\n yellow,\n} from './colors';\nexport { curves } from './curves';\nexport { durations } from './durations';\nexport { fontFamilies, fontSizes, fontWeights, lineHeights } from './fonts';\nexport { horizontalSpacings, verticalSpacings } from './spacings';\nexport { strokeWidths } from './strokeWidths';\nexport { typographyStyles } from './typographyStyles';\n"],"names":["anchor","beige","berry","black","blackAlpha","blue","borderRadius","brass","bronze","brown","burgundy","charcoal","cornflower","cranberry","curves","cyan","darkBlue","darkBrown","darkGreen","darkOrange","darkPurple","darkRed","darkTeal","durations","fontFamilies","fontSizes","fontWeights","forest","gold","grape","green","grey","grey10Alpha","grey12Alpha","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","horizontalSpacings","hotPink","lavender","lightBlue","lightGreen","lightTeal","lilac","lime","lineHeights","magenta","marigold","mink","navy","orange","orchid","peach","pink","platinum","plum","pumpkin","purple","red","royalBlue","seafoam","silver","steel","strokeWidths","teal","typographyStyles","verticalSpacings","white","whiteAlpha","yellow"],"mappings":";;;;;;;;;;;IAEEA,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,UAAU;eAAVA,kBAAU;;IACVC,IAAI;eAAJA,YAAI;;IAPGC,YAAY;eAAZA,0BAAY;;IAQnBC,KAAK;eAALA,aAAK;;IACLC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,QAAQ;eAARA,gBAAQ;;IACRC,QAAQ;eAARA,gBAAQ;;IACRC,UAAU;eAAVA,kBAAU;;IACVC,SAAS;eAATA,iBAAS;;IAsDFC,MAAM;eAANA,cAAM;;IArDbC,IAAI;eAAJA,YAAI;;IACJC,QAAQ;eAARA,gBAAQ;;IACRC,SAAS;eAATA,iBAAS;;IACTC,SAAS;eAATA,iBAAS;;IACTC,UAAU;eAAVA,kBAAU;;IACVC,UAAU;eAAVA,kBAAU;;IACVC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IA+CDC,SAAS;eAATA,oBAAS;;IACTC,YAAY;eAAZA,mBAAY;;IAAEC,SAAS;eAATA,gBAAS;;IAAEC,WAAW;eAAXA,kBAAW;;IA/C3CC,MAAM;eAANA,cAAM;;IACNC,IAAI;eAAJA,YAAI;;IACJC,KAAK;eAALA,aAAK;;IACLC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IACJC,WAAW;eAAXA,mBAAW;;IACXC,WAAW;eAAXA,mBAAW;;IACXC,WAAW;eAAXA,mBAAW;;IACXC,YAAY;eAAZA,oBAAY;;IACZC,YAAY;eAAZA,oBAAY;;IACZC,QAAQ;eAARA,gBAAQ;;IACRC,YAAY;eAAZA,oBAAY;;IACZC,UAAU;eAAVA,kBAAU;;IACVC,WAAW;eAAXA,mBAAW;;IACXC,eAAe;eAAfA,uBAAe;;IACfC,WAAW;eAAXA,mBAAW;;IAiCJC,kBAAkB;eAAlBA,4BAAkB;;IAhCzBC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IACRC,SAAS;eAATA,iBAAS;;IACTC,UAAU;eAAVA,kBAAU;;IACVC,SAAS;eAATA,iBAAS;;IACTC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IAyByCC,WAAW;eAAXA,kBAAW;;IAxBxDC,OAAO;eAAPA,eAAO;;IACPC,QAAQ;eAARA,gBAAQ;;IACRC,IAAI;eAAJA,YAAI;;IACJC,IAAI;eAAJA,YAAI;;IACJC,MAAM;eAANA,cAAM;;IACNC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IACLC,IAAI;eAAJA,YAAI;;IACJC,QAAQ;eAARA,gBAAQ;;IACRC,IAAI;eAAJA,YAAI;;IACJC,OAAO;eAAPA,eAAO;;IACPC,MAAM;eAANA,cAAM;;IACNC,GAAG;eAAHA,WAAG;;IACHC,SAAS;eAATA,iBAAS;;IACTC,OAAO;eAAPA,eAAO;;IACPC,MAAM;eAANA,cAAM;;IACNC,KAAK;eAALA,aAAK;;IAUEC,YAAY;eAAZA,0BAAY;;IATnBC,IAAI;eAAJA,YAAI;;IAUGC,gBAAgB;eAAhBA,kCAAgB;;IAFIC,gBAAgB;eAAhBA,0BAAgB;;IAP3CC,KAAK;eAALA,aAAK;;IACLC,UAAU;eAAVA,kBAAU;;IACVC,MAAM;eAANA,cAAM;;;8BAlEqB;wBAmEtB;wBACgB;2BACG;uBACwC;0BACb;8BACxB;kCACI"}

View File

@@ -0,0 +1,58 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
horizontalSpacings: function() {
return horizontalSpacings;
},
verticalSpacings: function() {
return verticalSpacings;
}
});
// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
const spacings = {
none: '0',
xxs: '2px',
xs: '4px',
sNudge: '6px',
s: '8px',
mNudge: '10px',
m: '12px',
l: '16px',
xl: '20px',
xxl: '24px',
xxxl: '32px'
};
const horizontalSpacings = {
spacingHorizontalNone: spacings.none,
spacingHorizontalXXS: spacings.xxs,
spacingHorizontalXS: spacings.xs,
spacingHorizontalSNudge: spacings.sNudge,
spacingHorizontalS: spacings.s,
spacingHorizontalMNudge: spacings.mNudge,
spacingHorizontalM: spacings.m,
spacingHorizontalL: spacings.l,
spacingHorizontalXL: spacings.xl,
spacingHorizontalXXL: spacings.xxl,
spacingHorizontalXXXL: spacings.xxxl
};
const verticalSpacings = {
spacingVerticalNone: spacings.none,
spacingVerticalXXS: spacings.xxs,
spacingVerticalXS: spacings.xs,
spacingVerticalSNudge: spacings.sNudge,
spacingVerticalS: spacings.s,
spacingVerticalMNudge: spacings.mNudge,
spacingVerticalM: spacings.m,
spacingVerticalL: spacings.l,
spacingVerticalXL: spacings.xl,
spacingVerticalXXL: spacings.xxl,
spacingVerticalXXXL: spacings.xxxl
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/spacings.ts"],"sourcesContent":["import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';\n\n// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.\nconst spacings: SpacingTokens = {\n none: '0',\n xxs: '2px',\n xs: '4px',\n sNudge: '6px',\n s: '8px',\n mNudge: '10px',\n m: '12px',\n l: '16px',\n xl: '20px',\n xxl: '24px',\n xxxl: '32px',\n};\n\nexport const horizontalSpacings: HorizontalSpacingTokens = {\n spacingHorizontalNone: spacings.none,\n spacingHorizontalXXS: spacings.xxs,\n spacingHorizontalXS: spacings.xs,\n spacingHorizontalSNudge: spacings.sNudge,\n spacingHorizontalS: spacings.s,\n spacingHorizontalMNudge: spacings.mNudge,\n spacingHorizontalM: spacings.m,\n spacingHorizontalL: spacings.l,\n spacingHorizontalXL: spacings.xl,\n spacingHorizontalXXL: spacings.xxl,\n spacingHorizontalXXXL: spacings.xxxl,\n};\n\nexport const verticalSpacings: VerticalSpacingTokens = {\n spacingVerticalNone: spacings.none,\n spacingVerticalXXS: spacings.xxs,\n spacingVerticalXS: spacings.xs,\n spacingVerticalSNudge: spacings.sNudge,\n spacingVerticalS: spacings.s,\n spacingVerticalMNudge: spacings.mNudge,\n spacingVerticalM: spacings.m,\n spacingVerticalL: spacings.l,\n spacingVerticalXL: spacings.xl,\n spacingVerticalXXL: spacings.xxl,\n spacingVerticalXXXL: spacings.xxxl,\n};\n"],"names":["horizontalSpacings","verticalSpacings","spacings","none","xxs","xs","sNudge","s","mNudge","m","l","xl","xxl","xxxl","spacingHorizontalNone","spacingHorizontalXXS","spacingHorizontalXS","spacingHorizontalSNudge","spacingHorizontalS","spacingHorizontalMNudge","spacingHorizontalM","spacingHorizontalL","spacingHorizontalXL","spacingHorizontalXXL","spacingHorizontalXXXL","spacingVerticalNone","spacingVerticalXXS","spacingVerticalXS","spacingVerticalSNudge","spacingVerticalS","spacingVerticalMNudge","spacingVerticalM","spacingVerticalL","spacingVerticalXL","spacingVerticalXXL","spacingVerticalXXXL"],"mappings":";;;;;;;;;;;IAiBaA,kBAAkB;eAAlBA;;IAcAC,gBAAgB;eAAhBA;;;AA7Bb,mFAAmF;AACnF,MAAMC,WAA0B;IAC9BC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,GAAG;IACHC,QAAQ;IACRC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,KAAK;IACLC,MAAM;AACR;AAEO,MAAMb,qBAA8C;IACzDc,uBAAuBZ,SAASC,IAAI;IACpCY,sBAAsBb,SAASE,GAAG;IAClCY,qBAAqBd,SAASG,EAAE;IAChCY,yBAAyBf,SAASI,MAAM;IACxCY,oBAAoBhB,SAASK,CAAC;IAC9BY,yBAAyBjB,SAASM,MAAM;IACxCY,oBAAoBlB,SAASO,CAAC;IAC9BY,oBAAoBnB,SAASQ,CAAC;IAC9BY,qBAAqBpB,SAASS,EAAE;IAChCY,sBAAsBrB,SAASU,GAAG;IAClCY,uBAAuBtB,SAASW,IAAI;AACtC;AAEO,MAAMZ,mBAA0C;IACrDwB,qBAAqBvB,SAASC,IAAI;IAClCuB,oBAAoBxB,SAASE,GAAG;IAChCuB,mBAAmBzB,SAASG,EAAE;IAC9BuB,uBAAuB1B,SAASI,MAAM;IACtCuB,kBAAkB3B,SAASK,CAAC;IAC5BuB,uBAAuB5B,SAASM,MAAM;IACtCuB,kBAAkB7B,SAASO,CAAC;IAC5BuB,kBAAkB9B,SAASQ,CAAC;IAC5BuB,mBAAmB/B,SAASS,EAAE;IAC9BuB,oBAAoBhC,SAASU,GAAG;IAChCuB,qBAAqBjC,SAASW,IAAI;AACpC"}

View File

@@ -0,0 +1,16 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "strokeWidths", {
enumerable: true,
get: function() {
return strokeWidths;
}
});
const strokeWidths = {
strokeWidthThin: '1px',
strokeWidthThick: '2px',
strokeWidthThicker: '3px',
strokeWidthThickest: '4px'
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/global/strokeWidths.ts"],"sourcesContent":["import type { StrokeWidthTokens } from '../types';\n\nexport const strokeWidths: StrokeWidthTokens = {\n strokeWidthThin: '1px',\n strokeWidthThick: '2px',\n strokeWidthThicker: '3px',\n strokeWidthThickest: '4px',\n};\n"],"names":["strokeWidths","strokeWidthThin","strokeWidthThick","strokeWidthThicker","strokeWidthThickest"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,eAAkC;IAC7CC,iBAAiB;IACjBC,kBAAkB;IAClBC,oBAAoB;IACpBC,qBAAqB;AACvB"}

View File

@@ -0,0 +1,115 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "typographyStyles", {
enumerable: true,
get: function() {
return typographyStyles;
}
});
const _tokens = require("../tokens.js");
const typographyStyles = {
body1: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase300,
fontWeight: _tokens.tokens.fontWeightRegular,
lineHeight: _tokens.tokens.lineHeightBase300
},
body1Strong: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase300,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightBase300
},
body1Stronger: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase300,
fontWeight: _tokens.tokens.fontWeightBold,
lineHeight: _tokens.tokens.lineHeightBase300
},
body2: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase400,
fontWeight: _tokens.tokens.fontWeightRegular,
lineHeight: _tokens.tokens.lineHeightBase400
},
caption1: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase200,
fontWeight: _tokens.tokens.fontWeightRegular,
lineHeight: _tokens.tokens.lineHeightBase200
},
caption1Strong: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase200,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightBase200
},
caption1Stronger: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase200,
fontWeight: _tokens.tokens.fontWeightBold,
lineHeight: _tokens.tokens.lineHeightBase200
},
caption2: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase100,
fontWeight: _tokens.tokens.fontWeightRegular,
lineHeight: _tokens.tokens.lineHeightBase100
},
caption2Strong: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase100,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightBase100
},
subtitle1: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase500,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightBase500
},
subtitle2: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase400,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightBase400
},
subtitle2Stronger: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase400,
fontWeight: _tokens.tokens.fontWeightBold,
lineHeight: _tokens.tokens.lineHeightBase400
},
title1: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeHero800,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightHero800
},
title2: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeHero700,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightHero700
},
title3: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeBase600,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightBase600
},
largeTitle: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeHero900,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightHero900
},
display: {
fontFamily: _tokens.tokens.fontFamilyBase,
fontSize: _tokens.tokens.fontSizeHero1000,
fontWeight: _tokens.tokens.fontWeightSemibold,
lineHeight: _tokens.tokens.lineHeightHero1000
}
};

File diff suppressed because one or more lines are too long