@shipengine/giger-theme 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/esm/FallbackTheme/fallback.js +12 -1
  2. package/dist/esm/FallbackTheme/fallback.js.map +1 -1
  3. package/dist/esm/Palette.d.ts +21 -1
  4. package/dist/esm/Theme.d.ts +12 -1
  5. package/dist/esm/Theme.js +13 -0
  6. package/dist/esm/Theme.js.map +1 -1
  7. package/dist/lib/FallbackTheme/fallback.js +12 -1
  8. package/dist/lib/FallbackTheme/fallback.js.map +1 -1
  9. package/dist/lib/Palette.d.ts +21 -1
  10. package/dist/lib/Theme.d.ts +12 -1
  11. package/dist/lib/Theme.js +13 -0
  12. package/dist/lib/Theme.js.map +1 -1
  13. package/package.json +2 -2
package/dist/esm/FallbackTheme/fallback.js CHANGED
@@ -33,7 +33,18 @@ const fallbackTheme = {
33
33
  light: '#d3d3d3',
34
34
  ultraLight: '#f4f4f4',
35
35
  megaLight: '#fafafa',
36
- dark: '#373737'
36
+ dark: '#373737',
37
+ 25: '#F7F7F8',
38
+ 50: '#f1f2f3',
39
+ 100: '#e4e5e7',
40
+ 200: '#cfd1d3',
41
+ 300: '#afb3b6',
42
+ 400: '#8d9196',
43
+ 500: '#71767a',
44
+ 600: '#56595d',
45
+ 700: '#424548',
46
+ 800: '#27292a',
47
+ 900: '#0f0f10'
37
48
  },
38
49
  black: '#000',
39
50
  white: '#fff',
package/dist/esm/FallbackTheme/fallback.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fallback.js","sources":["../../../src/FallbackTheme/fallback.ts"],"sourcesContent":["import { ThemeData } from '../ThemeTypes';\n\nexport const fallbackTheme: ThemeData = {\n palette: {\n primary: {\n ultraLight: '#EDEDED',\n light: '#D6D6D6',\n main: '#7A7A7A',\n dark: '#626262',\n },\n secondary: {\n ultraLight: '#F4F4F4',\n light: '#787878',\n main: '#616161',\n dark: '#303030',\n },\n error: {\n main: '#a72514',\n light: '#fee5e4',\n },\n success: {\n main: '#286327',\n light: '#dcfddb',\n },\n alert: {\n main: '#725200',\n light: '#ffe7ca',\n },\n info: {\n main: '#195f7f',\n light: '#dbedfd',\n },\n gray: {\n main: '#706f6f',\n light: '#d3d3d3',\n ultraLight: '#f4f4f4',\n megaLight: '#fafafa',\n dark: '#373737',\n },\n black: '#000',\n white: '#fff',\n dataVisualization: {\n highContrast: {\n blueDark: '#002039',\n coral: '#F95D6A',\n purpleDark: '#665191',\n orange: '#FFA600',\n purple: '#A05195',\n orangeDark: '#FF7C43',\n blue: '#3970C1',\n cyan: '#45CEE0',\n pink: '#D12771',\n green: '#B3D849',\n },\n lowContrast: {\n blueDark: '#5283AB',\n coral: '#FCA6AD',\n purpleDark: '#B1A2D0',\n orange: '#FDDFA5',\n purple: '#D4BBFF',\n orangeDark: '#FCC2A9',\n blue: '#96B3DE',\n cyan: '#BAE6FF',\n pink: '#E995BA',\n green: '#DEF895',\n },\n },\n },\n spacingBase: 8,\n borderRadius: {\n XS: '2px',\n S: '4px',\n M: '8px',\n L: '16px',\n XL: '32px',\n },\n breakPoints: {\n mobileLarge: 480,\n tablet: 768,\n tabletLarge: 960,\n desktop: 1280,\n },\n typography: {\n fontWeight: {\n light: 200,\n normal: 400,\n semibold: 600,\n bold: 700,\n },\n fontSize: {\n XXS: '10px',\n XS: '12px',\n S: '14px',\n M: '16px',\n L: '18px',\n XL: '20px',\n XXL: '24px',\n XXXL: '32px',\n XXXXL: '48px',\n },\n lineHeight: {\n S: '20px',\n M: '24px',\n L: '28px',\n XL: '32px',\n XXL: '48px',\n XXXL: '72px',\n },\n letterSpacing: {\n S: 0,\n M: 1,\n L: 3,\n XL: 5,\n XXL: 8,\n XXXL: 12,\n },\n },\n card: {\n borderRadius: {\n mobile: '4px',\n tablet: '8px',\n desktop: '8px',\n },\n },\n elevations: {\n flat1: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1,\n },\n flat2: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n above: {\n boxShadow: '0 0 12px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n sticky: {\n boxShadow: 'none',\n zIndex: 1001,\n },\n raised: {\n boxShadow: '0 8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted1: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted2: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1003,\n },\n popout1: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1004,\n },\n popout2: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1005,\n },\n overlay1: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1006,\n },\n backdrop: {\n boxShadow: 'none',\n zIndex: 1007,\n },\n overlay2: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1008,\n },\n },\n grid: {\n mobile: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n mobileLarge: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n tablet: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n tabletLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktop: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktopLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n },\n defaultFontFamily: 'Arial',\n fontFaces: [],\n iconSize: {\n small: '16px',\n medium: '20px',\n regular: '24px',\n large: '32px',\n extra_large: '48px',\n },\n};\n"],"names":["fallbackTheme","palette","primary","ultraLight","light","main","dark","secondary","error","success","alert","info","gray","megaLight","black","white","dataVisualization","highContrast","blueDark","coral","purpleDark","orange","purple","orangeDark","blue","cyan","pink","green","lowContrast","spacingBase","borderRadius","XS","S","M","L","XL","breakPoints","mobileLarge","tablet","tabletLarge","desktop","typography","fontWeight","normal","semibold","bold","fontSize","XXS","XXL","XXXL","XXXXL","lineHeight","letterSpacing","card","mobile","elevations","flat1","boxShadow","zIndex","flat2","above","sticky","raised","raisedInverted1","raisedInverted2","popout1","popout2","overlay1","backdrop","overlay2","grid","columns","horizontalSpace","verticalSpace","gutter","desktopLarge","defaultFontFamily","fontFaces","iconSize","small","medium","regular","large","extra_large"],"mappings":"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"}
1
+ {"version":3,"file":"fallback.js","sources":["../../../src/FallbackTheme/fallback.ts"],"sourcesContent":["import { ThemeData } from '../ThemeTypes';\n\nexport const fallbackTheme: ThemeData = {\n palette: {\n primary: {\n ultraLight: '#EDEDED',\n light: '#D6D6D6',\n main: '#7A7A7A',\n dark: '#626262',\n },\n secondary: {\n ultraLight: '#F4F4F4',\n light: '#787878',\n main: '#616161',\n dark: '#303030',\n },\n error: {\n main: '#a72514',\n light: '#fee5e4',\n },\n success: {\n main: '#286327',\n light: '#dcfddb',\n },\n alert: {\n main: '#725200',\n light: '#ffe7ca',\n },\n info: {\n main: '#195f7f',\n light: '#dbedfd',\n },\n gray: {\n main: '#706f6f',\n light: '#d3d3d3',\n ultraLight: '#f4f4f4',\n megaLight: '#fafafa',\n dark: '#373737',\n 25: '#F7F7F8',\n 50: '#f1f2f3',\n 100: '#e4e5e7',\n 200: '#cfd1d3',\n 300: '#afb3b6',\n 400: '#8d9196',\n 500: '#71767a',\n 600: '#56595d',\n 700: '#424548',\n 800: '#27292a',\n 900: '#0f0f10',\n },\n black: '#000',\n white: '#fff',\n dataVisualization: {\n highContrast: {\n blueDark: '#002039',\n coral: '#F95D6A',\n purpleDark: '#665191',\n orange: '#FFA600',\n purple: '#A05195',\n orangeDark: '#FF7C43',\n blue: '#3970C1',\n cyan: '#45CEE0',\n pink: '#D12771',\n green: '#B3D849',\n },\n lowContrast: {\n blueDark: '#5283AB',\n coral: '#FCA6AD',\n purpleDark: '#B1A2D0',\n orange: '#FDDFA5',\n purple: '#D4BBFF',\n orangeDark: '#FCC2A9',\n blue: '#96B3DE',\n cyan: '#BAE6FF',\n pink: '#E995BA',\n green: '#DEF895',\n },\n },\n },\n spacingBase: 8,\n borderRadius: {\n XS: '2px',\n S: '4px',\n M: '8px',\n L: '16px',\n XL: '32px',\n },\n breakPoints: {\n mobileLarge: 480,\n tablet: 768,\n tabletLarge: 960,\n desktop: 1280,\n },\n typography: {\n fontWeight: {\n light: 200,\n normal: 400,\n semibold: 600,\n bold: 700,\n },\n fontSize: {\n XXS: '10px',\n XS: '12px',\n S: '14px',\n M: '16px',\n L: '18px',\n XL: '20px',\n XXL: '24px',\n XXXL: '32px',\n XXXXL: '48px',\n },\n lineHeight: {\n S: '20px',\n M: '24px',\n L: '28px',\n XL: '32px',\n XXL: '48px',\n XXXL: '72px',\n },\n letterSpacing: {\n S: 0,\n M: 1,\n L: 3,\n XL: 5,\n XXL: 8,\n XXXL: 12,\n },\n },\n card: {\n borderRadius: {\n mobile: '4px',\n tablet: '8px',\n desktop: '8px',\n },\n },\n elevations: {\n flat1: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1,\n },\n flat2: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n above: {\n boxShadow: '0 0 12px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n sticky: {\n boxShadow: 'none',\n zIndex: 1001,\n },\n raised: {\n boxShadow: '0 8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted1: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted2: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1003,\n },\n popout1: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1004,\n },\n popout2: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1005,\n },\n overlay1: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1006,\n },\n backdrop: {\n boxShadow: 'none',\n zIndex: 1007,\n },\n overlay2: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1008,\n },\n },\n grid: {\n mobile: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n mobileLarge: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n tablet: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n tabletLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktop: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktopLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n },\n defaultFontFamily: 'Arial',\n fontFaces: [],\n iconSize: {\n small: '16px',\n medium: '20px',\n regular: '24px',\n large: '32px',\n extra_large: '48px',\n },\n};\n"],"names":["fallbackTheme","palette","primary","ultraLight","light","main","dark","secondary","error","success","alert","info","gray","megaLight","black","white","dataVisualization","highContrast","blueDark","coral","purpleDark","orange","purple","orangeDark","blue","cyan","pink","green","lowContrast","spacingBase","borderRadius","XS","S","M","L","XL","breakPoints","mobileLarge","tablet","tabletLarge","desktop","typography","fontWeight","normal","semibold","bold","fontSize","XXS","XXL","XXXL","XXXXL","lineHeight","letterSpacing","card","mobile","elevations","flat1","boxShadow","zIndex","flat2","above","sticky","raised","raisedInverted1","raisedInverted2","popout1","popout2","overlay1","backdrop","overlay2","grid","columns","horizontalSpace","verticalSpace","gutter","desktopLarge","defaultFontFamily","fontFaces","iconSize","small","medium","regular","large","extra_large"],"mappings":"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"}
package/dist/esm/Palette.d.ts CHANGED
@@ -9,8 +9,28 @@ type ThemePaletteColorStandard = ThemePaletteColorBase & {
9
9
  type ThemePaletteColorExpanded = ThemePaletteColorStandard & {
10
10
  ultraLight: string;
11
11
  };
12
- type ThemePaletteColorGray = ThemePaletteColorExpanded & {
12
+ type ThemePaletteColorGray = {
13
+ /** @deprecated use numbered scale instead (gray.900) */
14
+ dark: string;
15
+ /** @deprecated use numbered scale instead (gray.600) */
16
+ main: string;
17
+ /** @deprecated use numbered scale instead (gray.200) */
18
+ light: string;
19
+ /** @deprecated use numbered scale instead (gray.100) */
20
+ ultraLight: string;
21
+ /** @deprecated use numbered scale instead (gray.50) */
13
22
  megaLight: string;
23
+ 25: string;
24
+ 50: string;
25
+ 100: string;
26
+ 200: string;
27
+ 300: string;
28
+ 400: string;
29
+ 500: string;
30
+ 600: string;
31
+ 700: string;
32
+ 800: string;
33
+ 900: string;
14
34
  };
15
35
  type ThemePaletteDataVisualizationColors = {
16
36
  blueDark: string;
package/dist/esm/Theme.d.ts CHANGED
@@ -62,11 +62,22 @@ declare class Theme implements ThemeData {
62
62
  light?: string | undefined;
63
63
  } | undefined;
64
64
  gray?: {
65
+ dark?: string | undefined;
65
66
  main?: string | undefined;
66
67
  light?: string | undefined;
67
- dark?: string | undefined;
68
68
  ultraLight?: string | undefined;
69
69
  megaLight?: string | undefined;
70
+ 25?: string | undefined;
71
+ 50?: string | undefined;
72
+ 100?: string | undefined;
73
+ 200?: string | undefined;
74
+ 300?: string | undefined;
75
+ 400?: string | undefined;
76
+ 500?: string | undefined;
77
+ 600?: string | undefined;
78
+ 700?: string | undefined;
79
+ 800?: string | undefined;
80
+ 900?: string | undefined;
70
81
  } | undefined;
71
82
  black?: string | undefined;
72
83
  white?: string | undefined;
package/dist/esm/Theme.js CHANGED
@@ -21,6 +21,8 @@ class Theme {
21
21
  this.breakPoints = merge(fallbackTheme.breakPoints, breakPoints);
22
22
  this.iconSize = merge(fallbackTheme.iconSize, iconSize);
23
23
  this.palette = merge(fallbackTheme.palette, palette);
24
+ // Adds backwards compatibility with old grays naming
25
+ this.palette.gray = mergeGrays(fallbackTheme.palette.gray, palette.gray);
24
26
  this.spacingBase = spacingBase || fallbackTheme.spacingBase;
25
27
  this.typography = merge(fallbackTheme.typography, typography);
26
28
  this.card = merge(fallbackTheme.card, card);
@@ -85,6 +87,17 @@ class Theme {
85
87
  };
86
88
  getLineHeight = (fontSizePx, lineHeightPx) => this.removePx(lineHeightPx) / this.removePx(fontSizePx);
87
89
  }
90
+ function mergeGrays(fallbackGray, gray) {
91
+ return {
92
+ ...fallbackGray,
93
+ ...gray,
94
+ 50: (gray === null || gray === void 0 ? void 0 : gray[50]) || (gray === null || gray === void 0 ? void 0 : gray.megaLight) || fallbackGray.megaLight,
95
+ 100: (gray === null || gray === void 0 ? void 0 : gray[100]) || (gray === null || gray === void 0 ? void 0 : gray.ultraLight) || fallbackGray.ultraLight,
96
+ 200: (gray === null || gray === void 0 ? void 0 : gray[200]) || (gray === null || gray === void 0 ? void 0 : gray.light) || fallbackGray.light,
97
+ 600: (gray === null || gray === void 0 ? void 0 : gray[600]) || (gray === null || gray === void 0 ? void 0 : gray.main) || fallbackGray.main,
98
+ 900: (gray === null || gray === void 0 ? void 0 : gray[900]) || (gray === null || gray === void 0 ? void 0 : gray.dark) || fallbackGray.dark
99
+ };
100
+ }
88
101
 
89
102
  export { Theme };
90
103
  //# sourceMappingURL=Theme.js.map
package/dist/esm/Theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sources":["../../src/Theme.ts"],"sourcesContent":["import merge from 'lodash/fp/merge';\n\nimport { ComponentsVariables, CustomComponentsVariables } from './Components';\nimport { ElevationsVariables } from './Elevations';\nimport { BreakpointsVariables } from './Breakpoints';\nimport { fallbackTheme } from './FallbackTheme';\nimport { CustomThemeData, ThemeData } from './ThemeTypes';\n\nexport class Theme implements ThemeData {\n public borderRadius;\n public breakPoints;\n public iconSize;\n public palette;\n public spacingBase;\n public typography;\n public card;\n public elevations;\n public grid;\n public fontFaces;\n public defaultFontFamily;\n public components;\n\n constructor({\n borderRadius = {},\n breakPoints = {},\n iconSize = {},\n palette = {},\n spacingBase,\n typography = {},\n card = {},\n elevations = {},\n grid = {},\n fontFaces,\n defaultFontFamily,\n components = {},\n }: CustomThemeData = {}) {\n this.borderRadius = merge(fallbackTheme.borderRadius, borderRadius);\n this.breakPoints = merge(fallbackTheme.breakPoints, breakPoints);\n this.iconSize = merge(fallbackTheme.iconSize, iconSize);\n this.palette = merge(fallbackTheme.palette, palette);\n this.spacingBase = spacingBase || fallbackTheme.spacingBase;\n this.typography = merge(fallbackTheme.typography, typography);\n this.card = merge(fallbackTheme.card, card);\n this.elevations = merge(fallbackTheme.elevations, elevations);\n this.grid = merge(fallbackTheme.grid, grid);\n this.fontFaces = fontFaces || fallbackTheme.fontFaces;\n this.defaultFontFamily = defaultFontFamily || fallbackTheme.defaultFontFamily;\n this.components = components;\n }\n\n private removePx = (px: string): number => parseInt(px.substring(0, px.indexOf('px')));\n\n mediaQuery = (breakpoint: keyof BreakpointsVariables): string =>\n `@media (min-width: ${this.breakPoints[breakpoint]}px)`;\n\n /*\n * @deprecated Please use getComponentOverride. Types may not be accurate if used outside @packlink/brands\n * We switched to allow partial component overrides, so this styling may be incomplete\n */\n getComponent = <Component extends keyof ComponentsVariables>(\n component: Component\n ): ComponentsVariables[Component] => (this.components[component] || {}) as ComponentsVariables[Component];\n\n getComponentOverride = <Component extends keyof ComponentsVariables>(\n component: Component\n ): NonNullable<CustomComponentsVariables[Component]> => {\n return this.components[component] || {};\n };\n\n spacing = (multiplier = 1): number => this.spacingBase * multiplier;\n\n getElevation = (elevation: keyof ElevationsVariables) => ({\n boxShadow: this.elevations[elevation].boxShadow,\n zIndex: this.elevations[elevation].zIndex,\n });\n\n getCardStyle = () => ({\n backgroundColor: this.palette.white,\n borderRadius: this.card.borderRadius.mobile,\n [this.mediaQuery('tablet')]: {\n borderRadius: this.card.borderRadius.tablet,\n },\n [this.mediaQuery('desktop')]: {\n borderRadius: this.card.borderRadius.desktop,\n },\n });\n\n toRem = (fontSizePx: string, baseFontSizePx: string = this.typography.fontSize.M): string =>\n `${this.removePx(fontSizePx) / this.removePx(baseFontSizePx)}rem`;\n\n toEm = (percentage: number | string): string => {\n return typeof percentage === 'number' ? `${percentage / 100}em` : percentage;\n };\n\n toPercentage = (value: number): string => `${value * 100}%`;\n\n toRGBA = (hexCode: string, alpha: number | string): string => {\n let hex = hexCode.replace('#', '');\n\n if (hex.length === 3) {\n hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n }\n\n const red = parseInt(hex.substring(0, 2), 16),\n green = parseInt(hex.substring(2, 4), 16),\n blue = parseInt(hex.substring(4, 6), 16);\n\n return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n };\n\n getLineHeight = (fontSizePx: string, lineHeightPx: string): number =>\n this.removePx(lineHeightPx) / this.removePx(fontSizePx);\n}\n"],"names":["Theme","constructor","borderRadius","breakPoints","iconSize","palette","spacingBase","typography","card","elevations","grid","fontFaces","defaultFontFamily","components","arguments","length","undefined","merge","fallbackTheme","removePx","px","parseInt","substring","indexOf","mediaQuery","breakpoint","getComponent","component","getComponentOverride","spacing","_this","multiplier","getElevation","elevation","boxShadow","zIndex","getCardStyle","backgroundColor","white","mobile","tablet","desktop","toRem","_this2","fontSizePx","baseFontSizePx","fontSize","M","toEm","percentage","toPercentage","value","toRGBA","hexCode","alpha","hex","replace","red","green","blue","getLineHeight","lineHeightPx"],"mappings":"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"}
1
+ {"version":3,"file":"Theme.js","sources":["../../src/Theme.ts"],"sourcesContent":["import merge from 'lodash/fp/merge';\n\nimport { ComponentsVariables, CustomComponentsVariables } from './Components';\nimport { ElevationsVariables } from './Elevations';\nimport { BreakpointsVariables } from './Breakpoints';\nimport { fallbackTheme } from './FallbackTheme';\nimport { CustomThemeData, ThemeData } from './ThemeTypes';\nimport { ThemePaletteColorGray } from './Palette';\n\nexport class Theme implements ThemeData {\n public borderRadius;\n public breakPoints;\n public iconSize;\n public palette;\n public spacingBase;\n public typography;\n public card;\n public elevations;\n public grid;\n public fontFaces;\n public defaultFontFamily;\n public components;\n\n constructor({\n borderRadius = {},\n breakPoints = {},\n iconSize = {},\n palette = {},\n spacingBase,\n typography = {},\n card = {},\n elevations = {},\n grid = {},\n fontFaces,\n defaultFontFamily,\n components = {},\n }: CustomThemeData = {}) {\n this.borderRadius = merge(fallbackTheme.borderRadius, borderRadius);\n this.breakPoints = merge(fallbackTheme.breakPoints, breakPoints);\n this.iconSize = merge(fallbackTheme.iconSize, iconSize);\n this.palette = merge(fallbackTheme.palette, palette);\n // Adds backwards compatibility with old grays naming\n this.palette.gray = mergeGrays(fallbackTheme.palette.gray, palette.gray);\n this.spacingBase = spacingBase || fallbackTheme.spacingBase;\n this.typography = merge(fallbackTheme.typography, typography);\n this.card = merge(fallbackTheme.card, card);\n this.elevations = merge(fallbackTheme.elevations, elevations);\n this.grid = merge(fallbackTheme.grid, grid);\n this.fontFaces = fontFaces || fallbackTheme.fontFaces;\n this.defaultFontFamily = defaultFontFamily || fallbackTheme.defaultFontFamily;\n this.components = components;\n }\n\n private removePx = (px: string): number => parseInt(px.substring(0, px.indexOf('px')));\n\n mediaQuery = (breakpoint: keyof BreakpointsVariables): string =>\n `@media (min-width: ${this.breakPoints[breakpoint]}px)`;\n\n /*\n * @deprecated Please use getComponentOverride. Types may not be accurate if used outside @packlink/brands\n * We switched to allow partial component overrides, so this styling may be incomplete\n */\n getComponent = <Component extends keyof ComponentsVariables>(\n component: Component\n ): ComponentsVariables[Component] => (this.components[component] || {}) as ComponentsVariables[Component];\n\n getComponentOverride = <Component extends keyof ComponentsVariables>(\n component: Component\n ): NonNullable<CustomComponentsVariables[Component]> => {\n return this.components[component] || {};\n };\n\n spacing = (multiplier = 1): number => this.spacingBase * multiplier;\n\n getElevation = (elevation: keyof ElevationsVariables) => ({\n boxShadow: this.elevations[elevation].boxShadow,\n zIndex: this.elevations[elevation].zIndex,\n });\n\n getCardStyle = () => ({\n backgroundColor: this.palette.white,\n borderRadius: this.card.borderRadius.mobile,\n [this.mediaQuery('tablet')]: {\n borderRadius: this.card.borderRadius.tablet,\n },\n [this.mediaQuery('desktop')]: {\n borderRadius: this.card.borderRadius.desktop,\n },\n });\n\n toRem = (fontSizePx: string, baseFontSizePx: string = this.typography.fontSize.M): string =>\n `${this.removePx(fontSizePx) / this.removePx(baseFontSizePx)}rem`;\n\n toEm = (percentage: number | string): string => {\n return typeof percentage === 'number' ? `${percentage / 100}em` : percentage;\n };\n\n toPercentage = (value: number): string => `${value * 100}%`;\n\n toRGBA = (hexCode: string, alpha: number | string): string => {\n let hex = hexCode.replace('#', '');\n\n if (hex.length === 3) {\n hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n }\n\n const red = parseInt(hex.substring(0, 2), 16),\n green = parseInt(hex.substring(2, 4), 16),\n blue = parseInt(hex.substring(4, 6), 16);\n\n return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n };\n\n getLineHeight = (fontSizePx: string, lineHeightPx: string): number =>\n this.removePx(lineHeightPx) / this.removePx(fontSizePx);\n}\n\nfunction mergeGrays(fallbackGray: ThemePaletteColorGray, gray?: Partial<ThemePaletteColorGray>): ThemePaletteColorGray {\n return {\n ...fallbackGray,\n ...gray,\n 50: gray?.[50] || gray?.megaLight || fallbackGray.megaLight,\n 100: gray?.[100] || gray?.ultraLight || fallbackGray.ultraLight,\n 200: gray?.[200] || gray?.light || fallbackGray.light,\n 600: gray?.[600] || gray?.main || fallbackGray.main,\n 900: gray?.[900] || gray?.dark || fallbackGray.dark,\n };\n}\n"],"names":["Theme","constructor","borderRadius","breakPoints","iconSize","palette","spacingBase","typography","card","elevations","grid","fontFaces","defaultFontFamily","components","arguments","length","undefined","merge","fallbackTheme","gray","mergeGrays","removePx","px","parseInt","substring","indexOf","mediaQuery","breakpoint","getComponent","component","getComponentOverride","spacing","_this","multiplier","getElevation","elevation","boxShadow","zIndex","getCardStyle","backgroundColor","white","mobile","tablet","desktop","toRem","_this2","fontSizePx","baseFontSizePx","fontSize","M","toEm","percentage","toPercentage","value","toRGBA","hexCode","alpha","hex","replace","red","green","blue","getLineHeight","lineHeightPx","fallbackGray","megaLight","ultraLight","light","main","dark"],"mappings":"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"}
package/dist/lib/FallbackTheme/fallback.js CHANGED
@@ -37,7 +37,18 @@ const fallbackTheme = {
37
37
  light: '#d3d3d3',
38
38
  ultraLight: '#f4f4f4',
39
39
  megaLight: '#fafafa',
40
- dark: '#373737'
40
+ dark: '#373737',
41
+ 25: '#F7F7F8',
42
+ 50: '#f1f2f3',
43
+ 100: '#e4e5e7',
44
+ 200: '#cfd1d3',
45
+ 300: '#afb3b6',
46
+ 400: '#8d9196',
47
+ 500: '#71767a',
48
+ 600: '#56595d',
49
+ 700: '#424548',
50
+ 800: '#27292a',
51
+ 900: '#0f0f10'
41
52
  },
42
53
  black: '#000',
43
54
  white: '#fff',
package/dist/lib/FallbackTheme/fallback.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fallback.js","sources":["../../../src/FallbackTheme/fallback.ts"],"sourcesContent":["import { ThemeData } from '../ThemeTypes';\n\nexport const fallbackTheme: ThemeData = {\n palette: {\n primary: {\n ultraLight: '#EDEDED',\n light: '#D6D6D6',\n main: '#7A7A7A',\n dark: '#626262',\n },\n secondary: {\n ultraLight: '#F4F4F4',\n light: '#787878',\n main: '#616161',\n dark: '#303030',\n },\n error: {\n main: '#a72514',\n light: '#fee5e4',\n },\n success: {\n main: '#286327',\n light: '#dcfddb',\n },\n alert: {\n main: '#725200',\n light: '#ffe7ca',\n },\n info: {\n main: '#195f7f',\n light: '#dbedfd',\n },\n gray: {\n main: '#706f6f',\n light: '#d3d3d3',\n ultraLight: '#f4f4f4',\n megaLight: '#fafafa',\n dark: '#373737',\n },\n black: '#000',\n white: '#fff',\n dataVisualization: {\n highContrast: {\n blueDark: '#002039',\n coral: '#F95D6A',\n purpleDark: '#665191',\n orange: '#FFA600',\n purple: '#A05195',\n orangeDark: '#FF7C43',\n blue: '#3970C1',\n cyan: '#45CEE0',\n pink: '#D12771',\n green: '#B3D849',\n },\n lowContrast: {\n blueDark: '#5283AB',\n coral: '#FCA6AD',\n purpleDark: '#B1A2D0',\n orange: '#FDDFA5',\n purple: '#D4BBFF',\n orangeDark: '#FCC2A9',\n blue: '#96B3DE',\n cyan: '#BAE6FF',\n pink: '#E995BA',\n green: '#DEF895',\n },\n },\n },\n spacingBase: 8,\n borderRadius: {\n XS: '2px',\n S: '4px',\n M: '8px',\n L: '16px',\n XL: '32px',\n },\n breakPoints: {\n mobileLarge: 480,\n tablet: 768,\n tabletLarge: 960,\n desktop: 1280,\n },\n typography: {\n fontWeight: {\n light: 200,\n normal: 400,\n semibold: 600,\n bold: 700,\n },\n fontSize: {\n XXS: '10px',\n XS: '12px',\n S: '14px',\n M: '16px',\n L: '18px',\n XL: '20px',\n XXL: '24px',\n XXXL: '32px',\n XXXXL: '48px',\n },\n lineHeight: {\n S: '20px',\n M: '24px',\n L: '28px',\n XL: '32px',\n XXL: '48px',\n XXXL: '72px',\n },\n letterSpacing: {\n S: 0,\n M: 1,\n L: 3,\n XL: 5,\n XXL: 8,\n XXXL: 12,\n },\n },\n card: {\n borderRadius: {\n mobile: '4px',\n tablet: '8px',\n desktop: '8px',\n },\n },\n elevations: {\n flat1: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1,\n },\n flat2: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n above: {\n boxShadow: '0 0 12px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n sticky: {\n boxShadow: 'none',\n zIndex: 1001,\n },\n raised: {\n boxShadow: '0 8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted1: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted2: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1003,\n },\n popout1: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1004,\n },\n popout2: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1005,\n },\n overlay1: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1006,\n },\n backdrop: {\n boxShadow: 'none',\n zIndex: 1007,\n },\n overlay2: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1008,\n },\n },\n grid: {\n mobile: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n mobileLarge: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n tablet: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n tabletLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktop: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktopLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n },\n defaultFontFamily: 'Arial',\n fontFaces: [],\n iconSize: {\n small: '16px',\n medium: '20px',\n regular: '24px',\n large: '32px',\n extra_large: '48px',\n },\n};\n"],"names":["fallbackTheme","palette","primary","ultraLight","light","main","dark","secondary","error","success","alert","info","gray","megaLight","black","white","dataVisualization","highContrast","blueDark","coral","purpleDark","orange","purple","orangeDark","blue","cyan","pink","green","lowContrast","spacingBase","borderRadius","XS","S","M","L","XL","breakPoints","mobileLarge","tablet","tabletLarge","desktop","typography","fontWeight","normal","semibold","bold","fontSize","XXS","XXL","XXXL","XXXXL","lineHeight","letterSpacing","card","mobile","elevations","flat1","boxShadow","zIndex","flat2","above","sticky","raised","raisedInverted1","raisedInverted2","popout1","popout2","overlay1","backdrop","overlay2","grid","columns","horizontalSpace","verticalSpace","gutter","desktopLarge","defaultFontFamily","fontFaces","iconSize","small","medium","regular","large","extra_large"],"mappings":"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"}
1
+ {"version":3,"file":"fallback.js","sources":["../../../src/FallbackTheme/fallback.ts"],"sourcesContent":["import { ThemeData } from '../ThemeTypes';\n\nexport const fallbackTheme: ThemeData = {\n palette: {\n primary: {\n ultraLight: '#EDEDED',\n light: '#D6D6D6',\n main: '#7A7A7A',\n dark: '#626262',\n },\n secondary: {\n ultraLight: '#F4F4F4',\n light: '#787878',\n main: '#616161',\n dark: '#303030',\n },\n error: {\n main: '#a72514',\n light: '#fee5e4',\n },\n success: {\n main: '#286327',\n light: '#dcfddb',\n },\n alert: {\n main: '#725200',\n light: '#ffe7ca',\n },\n info: {\n main: '#195f7f',\n light: '#dbedfd',\n },\n gray: {\n main: '#706f6f',\n light: '#d3d3d3',\n ultraLight: '#f4f4f4',\n megaLight: '#fafafa',\n dark: '#373737',\n 25: '#F7F7F8',\n 50: '#f1f2f3',\n 100: '#e4e5e7',\n 200: '#cfd1d3',\n 300: '#afb3b6',\n 400: '#8d9196',\n 500: '#71767a',\n 600: '#56595d',\n 700: '#424548',\n 800: '#27292a',\n 900: '#0f0f10',\n },\n black: '#000',\n white: '#fff',\n dataVisualization: {\n highContrast: {\n blueDark: '#002039',\n coral: '#F95D6A',\n purpleDark: '#665191',\n orange: '#FFA600',\n purple: '#A05195',\n orangeDark: '#FF7C43',\n blue: '#3970C1',\n cyan: '#45CEE0',\n pink: '#D12771',\n green: '#B3D849',\n },\n lowContrast: {\n blueDark: '#5283AB',\n coral: '#FCA6AD',\n purpleDark: '#B1A2D0',\n orange: '#FDDFA5',\n purple: '#D4BBFF',\n orangeDark: '#FCC2A9',\n blue: '#96B3DE',\n cyan: '#BAE6FF',\n pink: '#E995BA',\n green: '#DEF895',\n },\n },\n },\n spacingBase: 8,\n borderRadius: {\n XS: '2px',\n S: '4px',\n M: '8px',\n L: '16px',\n XL: '32px',\n },\n breakPoints: {\n mobileLarge: 480,\n tablet: 768,\n tabletLarge: 960,\n desktop: 1280,\n },\n typography: {\n fontWeight: {\n light: 200,\n normal: 400,\n semibold: 600,\n bold: 700,\n },\n fontSize: {\n XXS: '10px',\n XS: '12px',\n S: '14px',\n M: '16px',\n L: '18px',\n XL: '20px',\n XXL: '24px',\n XXXL: '32px',\n XXXXL: '48px',\n },\n lineHeight: {\n S: '20px',\n M: '24px',\n L: '28px',\n XL: '32px',\n XXL: '48px',\n XXXL: '72px',\n },\n letterSpacing: {\n S: 0,\n M: 1,\n L: 3,\n XL: 5,\n XXL: 8,\n XXXL: 12,\n },\n },\n card: {\n borderRadius: {\n mobile: '4px',\n tablet: '8px',\n desktop: '8px',\n },\n },\n elevations: {\n flat1: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1,\n },\n flat2: {\n boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n above: {\n boxShadow: '0 0 12px rgba(0, 0, 0, 0.1)',\n zIndex: 1000,\n },\n sticky: {\n boxShadow: 'none',\n zIndex: 1001,\n },\n raised: {\n boxShadow: '0 8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted1: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1002,\n },\n raisedInverted2: {\n boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n zIndex: 1003,\n },\n popout1: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1004,\n },\n popout2: {\n boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n zIndex: 1005,\n },\n overlay1: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1006,\n },\n backdrop: {\n boxShadow: 'none',\n zIndex: 1007,\n },\n overlay2: {\n boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n zIndex: 1008,\n },\n },\n grid: {\n mobile: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n mobileLarge: {\n columns: 4,\n horizontalSpace: 16,\n verticalSpace: 16,\n gutter: 16,\n },\n tablet: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n tabletLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktop: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n desktopLarge: {\n columns: 12,\n horizontalSpace: 16,\n verticalSpace: 24,\n gutter: 24,\n },\n },\n defaultFontFamily: 'Arial',\n fontFaces: [],\n iconSize: {\n small: '16px',\n medium: '20px',\n regular: '24px',\n large: '32px',\n extra_large: '48px',\n },\n};\n"],"names":["fallbackTheme","palette","primary","ultraLight","light","main","dark","secondary","error","success","alert","info","gray","megaLight","black","white","dataVisualization","highContrast","blueDark","coral","purpleDark","orange","purple","orangeDark","blue","cyan","pink","green","lowContrast","spacingBase","borderRadius","XS","S","M","L","XL","breakPoints","mobileLarge","tablet","tabletLarge","desktop","typography","fontWeight","normal","semibold","bold","fontSize","XXS","XXL","XXXL","XXXXL","lineHeight","letterSpacing","card","mobile","elevations","flat1","boxShadow","zIndex","flat2","above","sticky","raised","raisedInverted1","raisedInverted2","popout1","popout2","overlay1","backdrop","overlay2","grid","columns","horizontalSpace","verticalSpace","gutter","desktopLarge","defaultFontFamily","fontFaces","iconSize","small","medium","regular","large","extra_large"],"mappings":"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"}
package/dist/lib/Palette.d.ts CHANGED
@@ -9,8 +9,28 @@ type ThemePaletteColorStandard = ThemePaletteColorBase & {
9
9
  type ThemePaletteColorExpanded = ThemePaletteColorStandard & {
10
10
  ultraLight: string;
11
11
  };
12
- type ThemePaletteColorGray = ThemePaletteColorExpanded & {
12
+ type ThemePaletteColorGray = {
13
+ /** @deprecated use numbered scale instead (gray.900) */
14
+ dark: string;
15
+ /** @deprecated use numbered scale instead (gray.600) */
16
+ main: string;
17
+ /** @deprecated use numbered scale instead (gray.200) */
18
+ light: string;
19
+ /** @deprecated use numbered scale instead (gray.100) */
20
+ ultraLight: string;
21
+ /** @deprecated use numbered scale instead (gray.50) */
13
22
  megaLight: string;
23
+ 25: string;
24
+ 50: string;
25
+ 100: string;
26
+ 200: string;
27
+ 300: string;
28
+ 400: string;
29
+ 500: string;
30
+ 600: string;
31
+ 700: string;
32
+ 800: string;
33
+ 900: string;
14
34
  };
15
35
  type ThemePaletteDataVisualizationColors = {
16
36
  blueDark: string;
package/dist/lib/Theme.d.ts CHANGED
@@ -62,11 +62,22 @@ declare class Theme implements ThemeData {
62
62
  light?: string | undefined;
63
63
  } | undefined;
64
64
  gray?: {
65
+ dark?: string | undefined;
65
66
  main?: string | undefined;
66
67
  light?: string | undefined;
67
- dark?: string | undefined;
68
68
  ultraLight?: string | undefined;
69
69
  megaLight?: string | undefined;
70
+ 25?: string | undefined;
71
+ 50?: string | undefined;
72
+ 100?: string | undefined;
73
+ 200?: string | undefined;
74
+ 300?: string | undefined;
75
+ 400?: string | undefined;
76
+ 500?: string | undefined;
77
+ 600?: string | undefined;
78
+ 700?: string | undefined;
79
+ 800?: string | undefined;
80
+ 900?: string | undefined;
70
81
  } | undefined;
71
82
  black?: string | undefined;
72
83
  white?: string | undefined;
package/dist/lib/Theme.js CHANGED
@@ -29,6 +29,8 @@ class Theme {
29
29
  this.breakPoints = merge__default.default(fallback.fallbackTheme.breakPoints, breakPoints);
30
30
  this.iconSize = merge__default.default(fallback.fallbackTheme.iconSize, iconSize);
31
31
  this.palette = merge__default.default(fallback.fallbackTheme.palette, palette);
32
+ // Adds backwards compatibility with old grays naming
33
+ this.palette.gray = mergeGrays(fallback.fallbackTheme.palette.gray, palette.gray);
32
34
  this.spacingBase = spacingBase || fallback.fallbackTheme.spacingBase;
33
35
  this.typography = merge__default.default(fallback.fallbackTheme.typography, typography);
34
36
  this.card = merge__default.default(fallback.fallbackTheme.card, card);
@@ -93,6 +95,17 @@ class Theme {
93
95
  };
94
96
  getLineHeight = (fontSizePx, lineHeightPx) => this.removePx(lineHeightPx) / this.removePx(fontSizePx);
95
97
  }
98
+ function mergeGrays(fallbackGray, gray) {
99
+ return {
100
+ ...fallbackGray,
101
+ ...gray,
102
+ 50: (gray === null || gray === void 0 ? void 0 : gray[50]) || (gray === null || gray === void 0 ? void 0 : gray.megaLight) || fallbackGray.megaLight,
103
+ 100: (gray === null || gray === void 0 ? void 0 : gray[100]) || (gray === null || gray === void 0 ? void 0 : gray.ultraLight) || fallbackGray.ultraLight,
104
+ 200: (gray === null || gray === void 0 ? void 0 : gray[200]) || (gray === null || gray === void 0 ? void 0 : gray.light) || fallbackGray.light,
105
+ 600: (gray === null || gray === void 0 ? void 0 : gray[600]) || (gray === null || gray === void 0 ? void 0 : gray.main) || fallbackGray.main,
106
+ 900: (gray === null || gray === void 0 ? void 0 : gray[900]) || (gray === null || gray === void 0 ? void 0 : gray.dark) || fallbackGray.dark
107
+ };
108
+ }
96
109
 
97
110
  exports.Theme = Theme;
98
111
  //# sourceMappingURL=Theme.js.map
package/dist/lib/Theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sources":["../../src/Theme.ts"],"sourcesContent":["import merge from 'lodash/fp/merge';\n\nimport { ComponentsVariables, CustomComponentsVariables } from './Components';\nimport { ElevationsVariables } from './Elevations';\nimport { BreakpointsVariables } from './Breakpoints';\nimport { fallbackTheme } from './FallbackTheme';\nimport { CustomThemeData, ThemeData } from './ThemeTypes';\n\nexport class Theme implements ThemeData {\n public borderRadius;\n public breakPoints;\n public iconSize;\n public palette;\n public spacingBase;\n public typography;\n public card;\n public elevations;\n public grid;\n public fontFaces;\n public defaultFontFamily;\n public components;\n\n constructor({\n borderRadius = {},\n breakPoints = {},\n iconSize = {},\n palette = {},\n spacingBase,\n typography = {},\n card = {},\n elevations = {},\n grid = {},\n fontFaces,\n defaultFontFamily,\n components = {},\n }: CustomThemeData = {}) {\n this.borderRadius = merge(fallbackTheme.borderRadius, borderRadius);\n this.breakPoints = merge(fallbackTheme.breakPoints, breakPoints);\n this.iconSize = merge(fallbackTheme.iconSize, iconSize);\n this.palette = merge(fallbackTheme.palette, palette);\n this.spacingBase = spacingBase || fallbackTheme.spacingBase;\n this.typography = merge(fallbackTheme.typography, typography);\n this.card = merge(fallbackTheme.card, card);\n this.elevations = merge(fallbackTheme.elevations, elevations);\n this.grid = merge(fallbackTheme.grid, grid);\n this.fontFaces = fontFaces || fallbackTheme.fontFaces;\n this.defaultFontFamily = defaultFontFamily || fallbackTheme.defaultFontFamily;\n this.components = components;\n }\n\n private removePx = (px: string): number => parseInt(px.substring(0, px.indexOf('px')));\n\n mediaQuery = (breakpoint: keyof BreakpointsVariables): string =>\n `@media (min-width: ${this.breakPoints[breakpoint]}px)`;\n\n /*\n * @deprecated Please use getComponentOverride. Types may not be accurate if used outside @packlink/brands\n * We switched to allow partial component overrides, so this styling may be incomplete\n */\n getComponent = <Component extends keyof ComponentsVariables>(\n component: Component\n ): ComponentsVariables[Component] => (this.components[component] || {}) as ComponentsVariables[Component];\n\n getComponentOverride = <Component extends keyof ComponentsVariables>(\n component: Component\n ): NonNullable<CustomComponentsVariables[Component]> => {\n return this.components[component] || {};\n };\n\n spacing = (multiplier = 1): number => this.spacingBase * multiplier;\n\n getElevation = (elevation: keyof ElevationsVariables) => ({\n boxShadow: this.elevations[elevation].boxShadow,\n zIndex: this.elevations[elevation].zIndex,\n });\n\n getCardStyle = () => ({\n backgroundColor: this.palette.white,\n borderRadius: this.card.borderRadius.mobile,\n [this.mediaQuery('tablet')]: {\n borderRadius: this.card.borderRadius.tablet,\n },\n [this.mediaQuery('desktop')]: {\n borderRadius: this.card.borderRadius.desktop,\n },\n });\n\n toRem = (fontSizePx: string, baseFontSizePx: string = this.typography.fontSize.M): string =>\n `${this.removePx(fontSizePx) / this.removePx(baseFontSizePx)}rem`;\n\n toEm = (percentage: number | string): string => {\n return typeof percentage === 'number' ? `${percentage / 100}em` : percentage;\n };\n\n toPercentage = (value: number): string => `${value * 100}%`;\n\n toRGBA = (hexCode: string, alpha: number | string): string => {\n let hex = hexCode.replace('#', '');\n\n if (hex.length === 3) {\n hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n }\n\n const red = parseInt(hex.substring(0, 2), 16),\n green = parseInt(hex.substring(2, 4), 16),\n blue = parseInt(hex.substring(4, 6), 16);\n\n return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n };\n\n getLineHeight = (fontSizePx: string, lineHeightPx: string): number =>\n this.removePx(lineHeightPx) / this.removePx(fontSizePx);\n}\n"],"names":["Theme","constructor","borderRadius","breakPoints","iconSize","palette","spacingBase","typography","card","elevations","grid","fontFaces","defaultFontFamily","components","arguments","length","undefined","merge","fallbackTheme","removePx","px","parseInt","substring","indexOf","mediaQuery","breakpoint","getComponent","component","getComponentOverride","spacing","_this","multiplier","getElevation","elevation","boxShadow","zIndex","getCardStyle","backgroundColor","white","mobile","tablet","desktop","toRem","_this2","fontSizePx","baseFontSizePx","fontSize","M","toEm","percentage","toPercentage","value","toRGBA","hexCode","alpha","hex","replace","red","green","blue","getLineHeight","lineHeightPx"],"mappings":";;;;;;;;;;;AAQO,MAAMA,KAAK,CAAsB;AAcpCC,EAAAA,WAAWA,GAac;IAAA,IAbb;MACRC,YAAY,GAAG,EAAE;MACjBC,WAAW,GAAG,EAAE;MAChBC,QAAQ,GAAG,EAAE;MACbC,OAAO,GAAG,EAAE;MACZC,WAAW;MACXC,UAAU,GAAG,EAAE;MACfC,IAAI,GAAG,EAAE;MACTC,UAAU,GAAG,EAAE;MACfC,IAAI,GAAG,EAAE;MACTC,SAAS;MACTC,iBAAiB;AACjBC,MAAAA,UAAU,GAAG,EAAC;AACD,KAAC,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAG,CAAA,CAAA,GAAA,EAAE,CAAA;IACnB,IAAI,CAACZ,YAAY,GAAGe,sBAAK,CAACC,sBAAa,CAAChB,YAAY,EAAEA,YAAY,CAAC,CAAA;IACnE,IAAI,CAACC,WAAW,GAAGc,sBAAK,CAACC,sBAAa,CAACf,WAAW,EAAEA,WAAW,CAAC,CAAA;IAChE,IAAI,CAACC,QAAQ,GAAGa,sBAAK,CAACC,sBAAa,CAACd,QAAQ,EAAEA,QAAQ,CAAC,CAAA;IACvD,IAAI,CAACC,OAAO,GAAGY,sBAAK,CAACC,sBAAa,CAACb,OAAO,EAAEA,OAAO,CAAC,CAAA;AACpD,IAAA,IAAI,CAACC,WAAW,GAAGA,WAAW,IAAIY,sBAAa,CAACZ,WAAW,CAAA;IAC3D,IAAI,CAACC,UAAU,GAAGU,sBAAK,CAACC,sBAAa,CAACX,UAAU,EAAEA,UAAU,CAAC,CAAA;IAC7D,IAAI,CAACC,IAAI,GAAGS,sBAAK,CAACC,sBAAa,CAACV,IAAI,EAAEA,IAAI,CAAC,CAAA;IAC3C,IAAI,CAACC,UAAU,GAAGQ,sBAAK,CAACC,sBAAa,CAACT,UAAU,EAAEA,UAAU,CAAC,CAAA;IAC7D,IAAI,CAACC,IAAI,GAAGO,sBAAK,CAACC,sBAAa,CAACR,IAAI,EAAEA,IAAI,CAAC,CAAA;AAC3C,IAAA,IAAI,CAACC,SAAS,GAAGA,SAAS,IAAIO,sBAAa,CAACP,SAAS,CAAA;AACrD,IAAA,IAAI,CAACC,iBAAiB,GAAGA,iBAAiB,IAAIM,sBAAa,CAACN,iBAAiB,CAAA;IAC7E,IAAI,CAACC,UAAU,GAAGA,UAAU,CAAA;AAChC,GAAA;AAEQM,EAAAA,QAAQ,GAAIC,EAAU,IAAaC,QAAQ,CAACD,EAAE,CAACE,SAAS,CAAC,CAAC,EAAEF,EAAE,CAACG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;EAEtFC,UAAU,GAAIC,UAAsC,IAC/C,CAAqB,mBAAA,EAAA,IAAI,CAACtB,WAAW,CAACsB,UAAU,CAAE,CAAI,GAAA,CAAA,CAAA;;AAE3D;AACJ;AACA;AACA;EACIC,YAAY,GACRC,SAAoB,IACc,IAAI,CAACd,UAAU,CAACc,SAAS,CAAC,IAAI,EAAqC,CAAA;EAEzGC,oBAAoB,GAChBD,SAAoB,IACgC;IACpD,OAAO,IAAI,CAACd,UAAU,CAACc,SAAS,CAAC,IAAI,EAAE,CAAA;GAC1C,CAAA;EAEDE,OAAO,GAAA,CAAA,MAAA;AAAA,IAAA,IAAAC,KAAA,GAAA,IAAA,CAAA;IAAA,OAAG,YAAA;AAAA,MAAA,IAACC,UAAU,GAAAjB,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AAAA,MAAA,OAAagB,KAAI,CAACxB,WAAW,GAAGyB,UAAU,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,GAAA,CAAA;EAEnEC,YAAY,GAAIC,SAAoC,KAAM;IACtDC,SAAS,EAAE,IAAI,CAACzB,UAAU,CAACwB,SAAS,CAAC,CAACC,SAAS;AAC/CC,IAAAA,MAAM,EAAE,IAAI,CAAC1B,UAAU,CAACwB,SAAS,CAAC,CAACE,MAAAA;AACvC,GAAC,CAAC,CAAA;EAEFC,YAAY,GAAGA,OAAO;AAClBC,IAAAA,eAAe,EAAE,IAAI,CAAChC,OAAO,CAACiC,KAAK;AACnCpC,IAAAA,YAAY,EAAE,IAAI,CAACM,IAAI,CAACN,YAAY,CAACqC,MAAM;AAC3C,IAAA,CAAC,IAAI,CAACf,UAAU,CAAC,QAAQ,CAAC,GAAG;AACzBtB,MAAAA,YAAY,EAAE,IAAI,CAACM,IAAI,CAACN,YAAY,CAACsC,MAAAA;KACxC;AACD,IAAA,CAAC,IAAI,CAAChB,UAAU,CAAC,SAAS,CAAC,GAAG;AAC1BtB,MAAAA,YAAY,EAAE,IAAI,CAACM,IAAI,CAACN,YAAY,CAACuC,OAAAA;AACzC,KAAA;AACJ,GAAC,CAAC,CAAA;EAEFC,KAAK,GAAA,CAAA,MAAA;AAAA,IAAA,IAAAC,MAAA,GAAA,IAAA,CAAA;AAAA,IAAA,OAAG,UAACC,UAAkB,EAAA;AAAA,MAAA,IAAEC,cAAsB,GAAA/B,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,MAAG6B,MAAI,CAACpC,UAAU,CAACuC,QAAQ,CAACC,CAAC,CAAA;AAAA,MAAA,OAC3E,CAAEJ,EAAAA,MAAI,CAACxB,QAAQ,CAACyB,UAAU,CAAC,GAAGD,MAAI,CAACxB,QAAQ,CAAC0B,cAAc,CAAE,CAAI,GAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,GAAA,CAAA;EAErEG,IAAI,GAAIC,UAA2B,IAAa;IAC5C,OAAO,OAAOA,UAAU,KAAK,QAAQ,GAAI,CAAEA,EAAAA,UAAU,GAAG,GAAI,CAAG,EAAA,CAAA,GAAGA,UAAU,CAAA;GAC/E,CAAA;AAEDC,EAAAA,YAAY,GAAIC,KAAa,IAAc,GAAEA,KAAK,GAAG,GAAI,CAAE,CAAA,CAAA,CAAA;AAE3DC,EAAAA,MAAM,GAAGA,CAACC,OAAe,EAAEC,KAAsB,KAAa;IAC1D,IAAIC,GAAG,GAAGF,OAAO,CAACG,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;AAElC,IAAA,IAAID,GAAG,CAACxC,MAAM,KAAK,CAAC,EAAE;AAClBwC,MAAAA,GAAG,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG,CAAC,CAAC,CAAC,CAAA;AAC7D,KAAA;AAEA,IAAA,MAAME,GAAG,GAAGpC,QAAQ,CAACkC,GAAG,CAACjC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACzCoC,MAAAA,KAAK,GAAGrC,QAAQ,CAACkC,GAAG,CAACjC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACzCqC,MAAAA,IAAI,GAAGtC,QAAQ,CAACkC,GAAG,CAACjC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5C,OAAQ,CAAA,KAAA,EAAOmC,GAAI,CAAIC,EAAAA,EAAAA,KAAM,KAAIC,IAAK,CAAA,EAAA,EAAIL,KAAM,CAAE,CAAA,CAAA,CAAA;GACrD,CAAA;AAEDM,EAAAA,aAAa,GAAGA,CAAChB,UAAkB,EAAEiB,YAAoB,KACrD,IAAI,CAAC1C,QAAQ,CAAC0C,YAAY,CAAC,GAAG,IAAI,CAAC1C,QAAQ,CAACyB,UAAU,CAAC,CAAA;AAC/D;;;;"}
1
+ {"version":3,"file":"Theme.js","sources":["../../src/Theme.ts"],"sourcesContent":["import merge from 'lodash/fp/merge';\n\nimport { ComponentsVariables, CustomComponentsVariables } from './Components';\nimport { ElevationsVariables } from './Elevations';\nimport { BreakpointsVariables } from './Breakpoints';\nimport { fallbackTheme } from './FallbackTheme';\nimport { CustomThemeData, ThemeData } from './ThemeTypes';\nimport { ThemePaletteColorGray } from './Palette';\n\nexport class Theme implements ThemeData {\n public borderRadius;\n public breakPoints;\n public iconSize;\n public palette;\n public spacingBase;\n public typography;\n public card;\n public elevations;\n public grid;\n public fontFaces;\n public defaultFontFamily;\n public components;\n\n constructor({\n borderRadius = {},\n breakPoints = {},\n iconSize = {},\n palette = {},\n spacingBase,\n typography = {},\n card = {},\n elevations = {},\n grid = {},\n fontFaces,\n defaultFontFamily,\n components = {},\n }: CustomThemeData = {}) {\n this.borderRadius = merge(fallbackTheme.borderRadius, borderRadius);\n this.breakPoints = merge(fallbackTheme.breakPoints, breakPoints);\n this.iconSize = merge(fallbackTheme.iconSize, iconSize);\n this.palette = merge(fallbackTheme.palette, palette);\n // Adds backwards compatibility with old grays naming\n this.palette.gray = mergeGrays(fallbackTheme.palette.gray, palette.gray);\n this.spacingBase = spacingBase || fallbackTheme.spacingBase;\n this.typography = merge(fallbackTheme.typography, typography);\n this.card = merge(fallbackTheme.card, card);\n this.elevations = merge(fallbackTheme.elevations, elevations);\n this.grid = merge(fallbackTheme.grid, grid);\n this.fontFaces = fontFaces || fallbackTheme.fontFaces;\n this.defaultFontFamily = defaultFontFamily || fallbackTheme.defaultFontFamily;\n this.components = components;\n }\n\n private removePx = (px: string): number => parseInt(px.substring(0, px.indexOf('px')));\n\n mediaQuery = (breakpoint: keyof BreakpointsVariables): string =>\n `@media (min-width: ${this.breakPoints[breakpoint]}px)`;\n\n /*\n * @deprecated Please use getComponentOverride. Types may not be accurate if used outside @packlink/brands\n * We switched to allow partial component overrides, so this styling may be incomplete\n */\n getComponent = <Component extends keyof ComponentsVariables>(\n component: Component\n ): ComponentsVariables[Component] => (this.components[component] || {}) as ComponentsVariables[Component];\n\n getComponentOverride = <Component extends keyof ComponentsVariables>(\n component: Component\n ): NonNullable<CustomComponentsVariables[Component]> => {\n return this.components[component] || {};\n };\n\n spacing = (multiplier = 1): number => this.spacingBase * multiplier;\n\n getElevation = (elevation: keyof ElevationsVariables) => ({\n boxShadow: this.elevations[elevation].boxShadow,\n zIndex: this.elevations[elevation].zIndex,\n });\n\n getCardStyle = () => ({\n backgroundColor: this.palette.white,\n borderRadius: this.card.borderRadius.mobile,\n [this.mediaQuery('tablet')]: {\n borderRadius: this.card.borderRadius.tablet,\n },\n [this.mediaQuery('desktop')]: {\n borderRadius: this.card.borderRadius.desktop,\n },\n });\n\n toRem = (fontSizePx: string, baseFontSizePx: string = this.typography.fontSize.M): string =>\n `${this.removePx(fontSizePx) / this.removePx(baseFontSizePx)}rem`;\n\n toEm = (percentage: number | string): string => {\n return typeof percentage === 'number' ? `${percentage / 100}em` : percentage;\n };\n\n toPercentage = (value: number): string => `${value * 100}%`;\n\n toRGBA = (hexCode: string, alpha: number | string): string => {\n let hex = hexCode.replace('#', '');\n\n if (hex.length === 3) {\n hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n }\n\n const red = parseInt(hex.substring(0, 2), 16),\n green = parseInt(hex.substring(2, 4), 16),\n blue = parseInt(hex.substring(4, 6), 16);\n\n return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n };\n\n getLineHeight = (fontSizePx: string, lineHeightPx: string): number =>\n this.removePx(lineHeightPx) / this.removePx(fontSizePx);\n}\n\nfunction mergeGrays(fallbackGray: ThemePaletteColorGray, gray?: Partial<ThemePaletteColorGray>): ThemePaletteColorGray {\n return {\n ...fallbackGray,\n ...gray,\n 50: gray?.[50] || gray?.megaLight || fallbackGray.megaLight,\n 100: gray?.[100] || gray?.ultraLight || fallbackGray.ultraLight,\n 200: gray?.[200] || gray?.light || fallbackGray.light,\n 600: gray?.[600] || gray?.main || fallbackGray.main,\n 900: gray?.[900] || gray?.dark || fallbackGray.dark,\n };\n}\n"],"names":["Theme","constructor","borderRadius","breakPoints","iconSize","palette","spacingBase","typography","card","elevations","grid","fontFaces","defaultFontFamily","components","arguments","length","undefined","merge","fallbackTheme","gray","mergeGrays","removePx","px","parseInt","substring","indexOf","mediaQuery","breakpoint","getComponent","component","getComponentOverride","spacing","_this","multiplier","getElevation","elevation","boxShadow","zIndex","getCardStyle","backgroundColor","white","mobile","tablet","desktop","toRem","_this2","fontSizePx","baseFontSizePx","fontSize","M","toEm","percentage","toPercentage","value","toRGBA","hexCode","alpha","hex","replace","red","green","blue","getLineHeight","lineHeightPx","fallbackGray","megaLight","ultraLight","light","main","dark"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shipengine/giger-theme",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "description": "ShipEngine Giger Theme definition and utils",
5
5
  "author": "ShipEngine",
6
6
  "license": "ISC",
@@ -38,5 +38,5 @@
38
38
  "@types/lodash": "^4.14.195",
39
39
  "lodash": "^4.17.21"
40
40
  },
41
- "gitHead": "ed0db6858b661f0f3a03c08b238844687c866fb9"
41
+ "gitHead": "90e7e3dbc1ffad13a101e9d2fafd1209648e26ea"
42
42
  }