@shipengine/giger-theme 1.1.0 → 1.2.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.
- package/dist/esm/Components/Typography.d.ts +1 -1
- package/dist/esm/Theme.d.ts +24 -24
- package/dist/esm/Theme.js +3 -1
- package/dist/esm/Theme.js.map +1 -1
- package/dist/lib/Components/Typography.d.ts +1 -1
- package/dist/lib/Theme.d.ts +24 -24
- package/dist/lib/Theme.js +3 -1
- package/dist/lib/Theme.js.map +1 -1
- package/package.json +2 -2
package/dist/esm/Theme.d.ts
CHANGED
|
@@ -111,8 +111,8 @@ declare class Theme implements ThemeData {
|
|
|
111
111
|
XXXXL?: string | undefined;
|
|
112
112
|
} | undefined;
|
|
113
113
|
fontWeight?: {
|
|
114
|
-
light?: number | undefined;
|
|
115
114
|
normal?: number | undefined;
|
|
115
|
+
light?: number | undefined;
|
|
116
116
|
semibold?: number | undefined;
|
|
117
117
|
bold?: number | undefined;
|
|
118
118
|
} | undefined;
|
|
@@ -282,67 +282,67 @@ declare class Theme implements ThemeData {
|
|
|
282
282
|
fontSize?: string | undefined;
|
|
283
283
|
fontWeight?: number | undefined;
|
|
284
284
|
lineHeight?: string | undefined;
|
|
285
|
-
letterSpacing?: number | undefined;
|
|
285
|
+
letterSpacing?: number | "normal" | undefined;
|
|
286
286
|
} | undefined;
|
|
287
287
|
heading2?: {
|
|
288
288
|
fontSize?: string | undefined;
|
|
289
289
|
fontWeight?: number | undefined;
|
|
290
290
|
lineHeight?: string | undefined;
|
|
291
|
-
letterSpacing?: number | undefined;
|
|
291
|
+
letterSpacing?: number | "normal" | undefined;
|
|
292
292
|
} | undefined;
|
|
293
293
|
heading3?: {
|
|
294
294
|
fontSize?: string | undefined;
|
|
295
295
|
fontWeight?: number | undefined;
|
|
296
296
|
lineHeight?: string | undefined;
|
|
297
|
-
letterSpacing?: number | undefined;
|
|
297
|
+
letterSpacing?: number | "normal" | undefined;
|
|
298
298
|
} | undefined;
|
|
299
299
|
heading4?: {
|
|
300
300
|
fontSize?: string | undefined;
|
|
301
301
|
fontWeight?: number | undefined;
|
|
302
302
|
lineHeight?: string | undefined;
|
|
303
|
-
letterSpacing?: number | undefined;
|
|
303
|
+
letterSpacing?: number | "normal" | undefined;
|
|
304
304
|
} | undefined;
|
|
305
305
|
heading5?: {
|
|
306
306
|
fontSize?: string | undefined;
|
|
307
307
|
fontWeight?: number | undefined;
|
|
308
308
|
lineHeight?: string | undefined;
|
|
309
|
-
letterSpacing?: number | undefined;
|
|
309
|
+
letterSpacing?: number | "normal" | undefined;
|
|
310
310
|
} | undefined;
|
|
311
311
|
heading6?: {
|
|
312
312
|
fontSize?: string | undefined;
|
|
313
313
|
fontWeight?: number | undefined;
|
|
314
314
|
lineHeight?: string | undefined;
|
|
315
|
-
letterSpacing?: number | undefined;
|
|
315
|
+
letterSpacing?: number | "normal" | undefined;
|
|
316
316
|
} | undefined;
|
|
317
317
|
subtitle1?: {
|
|
318
318
|
fontSize?: string | undefined;
|
|
319
319
|
fontWeight?: number | undefined;
|
|
320
320
|
lineHeight?: string | undefined;
|
|
321
|
-
letterSpacing?: number | undefined;
|
|
321
|
+
letterSpacing?: number | "normal" | undefined;
|
|
322
322
|
} | undefined;
|
|
323
323
|
subtitle2?: {
|
|
324
324
|
fontSize?: string | undefined;
|
|
325
325
|
fontWeight?: number | undefined;
|
|
326
326
|
lineHeight?: string | undefined;
|
|
327
|
-
letterSpacing?: number | undefined;
|
|
327
|
+
letterSpacing?: number | "normal" | undefined;
|
|
328
328
|
} | undefined;
|
|
329
329
|
body1?: {
|
|
330
330
|
fontSize?: string | undefined;
|
|
331
331
|
fontWeight?: number | undefined;
|
|
332
332
|
lineHeight?: string | undefined;
|
|
333
|
-
letterSpacing?: number | undefined;
|
|
333
|
+
letterSpacing?: number | "normal" | undefined;
|
|
334
334
|
} | undefined;
|
|
335
335
|
body2?: {
|
|
336
336
|
fontSize?: string | undefined;
|
|
337
337
|
fontWeight?: number | undefined;
|
|
338
338
|
lineHeight?: string | undefined;
|
|
339
|
-
letterSpacing?: number | undefined;
|
|
339
|
+
letterSpacing?: number | "normal" | undefined;
|
|
340
340
|
} | undefined;
|
|
341
341
|
small?: {
|
|
342
342
|
fontSize?: string | undefined;
|
|
343
343
|
fontWeight?: number | undefined;
|
|
344
344
|
lineHeight?: string | undefined;
|
|
345
|
-
letterSpacing?: number | undefined;
|
|
345
|
+
letterSpacing?: number | "normal" | undefined;
|
|
346
346
|
} | undefined;
|
|
347
347
|
} | undefined;
|
|
348
348
|
Checkbox?: {
|
|
@@ -421,67 +421,67 @@ declare class Theme implements ThemeData {
|
|
|
421
421
|
fontSize?: string | undefined;
|
|
422
422
|
fontWeight?: number | undefined;
|
|
423
423
|
lineHeight?: string | undefined;
|
|
424
|
-
letterSpacing?: number | undefined;
|
|
424
|
+
letterSpacing?: number | "normal" | undefined;
|
|
425
425
|
} | undefined;
|
|
426
426
|
heading2?: {
|
|
427
427
|
fontSize?: string | undefined;
|
|
428
428
|
fontWeight?: number | undefined;
|
|
429
429
|
lineHeight?: string | undefined;
|
|
430
|
-
letterSpacing?: number | undefined;
|
|
430
|
+
letterSpacing?: number | "normal" | undefined;
|
|
431
431
|
} | undefined;
|
|
432
432
|
heading3?: {
|
|
433
433
|
fontSize?: string | undefined;
|
|
434
434
|
fontWeight?: number | undefined;
|
|
435
435
|
lineHeight?: string | undefined;
|
|
436
|
-
letterSpacing?: number | undefined;
|
|
436
|
+
letterSpacing?: number | "normal" | undefined;
|
|
437
437
|
} | undefined;
|
|
438
438
|
heading4?: {
|
|
439
439
|
fontSize?: string | undefined;
|
|
440
440
|
fontWeight?: number | undefined;
|
|
441
441
|
lineHeight?: string | undefined;
|
|
442
|
-
letterSpacing?: number | undefined;
|
|
442
|
+
letterSpacing?: number | "normal" | undefined;
|
|
443
443
|
} | undefined;
|
|
444
444
|
heading5?: {
|
|
445
445
|
fontSize?: string | undefined;
|
|
446
446
|
fontWeight?: number | undefined;
|
|
447
447
|
lineHeight?: string | undefined;
|
|
448
|
-
letterSpacing?: number | undefined;
|
|
448
|
+
letterSpacing?: number | "normal" | undefined;
|
|
449
449
|
} | undefined;
|
|
450
450
|
heading6?: {
|
|
451
451
|
fontSize?: string | undefined;
|
|
452
452
|
fontWeight?: number | undefined;
|
|
453
453
|
lineHeight?: string | undefined;
|
|
454
|
-
letterSpacing?: number | undefined;
|
|
454
|
+
letterSpacing?: number | "normal" | undefined;
|
|
455
455
|
} | undefined;
|
|
456
456
|
subtitle1?: {
|
|
457
457
|
fontSize?: string | undefined;
|
|
458
458
|
fontWeight?: number | undefined;
|
|
459
459
|
lineHeight?: string | undefined;
|
|
460
|
-
letterSpacing?: number | undefined;
|
|
460
|
+
letterSpacing?: number | "normal" | undefined;
|
|
461
461
|
} | undefined;
|
|
462
462
|
subtitle2?: {
|
|
463
463
|
fontSize?: string | undefined;
|
|
464
464
|
fontWeight?: number | undefined;
|
|
465
465
|
lineHeight?: string | undefined;
|
|
466
|
-
letterSpacing?: number | undefined;
|
|
466
|
+
letterSpacing?: number | "normal" | undefined;
|
|
467
467
|
} | undefined;
|
|
468
468
|
body1?: {
|
|
469
469
|
fontSize?: string | undefined;
|
|
470
470
|
fontWeight?: number | undefined;
|
|
471
471
|
lineHeight?: string | undefined;
|
|
472
|
-
letterSpacing?: number | undefined;
|
|
472
|
+
letterSpacing?: number | "normal" | undefined;
|
|
473
473
|
} | undefined;
|
|
474
474
|
body2?: {
|
|
475
475
|
fontSize?: string | undefined;
|
|
476
476
|
fontWeight?: number | undefined;
|
|
477
477
|
lineHeight?: string | undefined;
|
|
478
|
-
letterSpacing?: number | undefined;
|
|
478
|
+
letterSpacing?: number | "normal" | undefined;
|
|
479
479
|
} | undefined;
|
|
480
480
|
small?: {
|
|
481
481
|
fontSize?: string | undefined;
|
|
482
482
|
fontWeight?: number | undefined;
|
|
483
483
|
lineHeight?: string | undefined;
|
|
484
|
-
letterSpacing?: number | undefined;
|
|
484
|
+
letterSpacing?: number | "normal" | undefined;
|
|
485
485
|
} | undefined;
|
|
486
486
|
} | undefined;
|
|
487
487
|
Checkbox?: {
|
|
@@ -517,7 +517,7 @@ declare class Theme implements ThemeData {
|
|
|
517
517
|
borderRadius: string;
|
|
518
518
|
};
|
|
519
519
|
toRem: (fontSizePx: string, baseFontSizePx?: string) => string;
|
|
520
|
-
toEm: (percentage: number) => string;
|
|
520
|
+
toEm: (percentage: number | string) => string;
|
|
521
521
|
toPercentage: (value: number) => string;
|
|
522
522
|
toRGBA: (hexCode: string, alpha: number | string) => string;
|
|
523
523
|
getLineHeight: (fontSizePx: string, lineHeightPx: string) => number;
|
package/dist/esm/Theme.js
CHANGED
|
@@ -69,7 +69,9 @@ class Theme {
|
|
|
69
69
|
return `${_this2.removePx(fontSizePx) / _this2.removePx(baseFontSizePx)}rem`;
|
|
70
70
|
};
|
|
71
71
|
})();
|
|
72
|
-
toEm = percentage =>
|
|
72
|
+
toEm = percentage => {
|
|
73
|
+
return typeof percentage === 'number' ? `${percentage / 100}em` : percentage;
|
|
74
|
+
};
|
|
73
75
|
toPercentage = value => `${value * 100}%`;
|
|
74
76
|
toRGBA = (hexCode, alpha) => {
|
|
75
77
|
let hex = hexCode.replace('#', '');
|
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 => `${percentage / 100}em
|
|
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,KAAK,CAACC,aAAa,CAAChB,YAAY,EAAEA,YAAY,CAAC,CAAA;IACnE,IAAI,CAACC,WAAW,GAAGc,KAAK,CAACC,aAAa,CAACf,WAAW,EAAEA,WAAW,CAAC,CAAA;IAChE,IAAI,CAACC,QAAQ,GAAGa,KAAK,CAACC,aAAa,CAACd,QAAQ,EAAEA,QAAQ,CAAC,CAAA;IACvD,IAAI,CAACC,OAAO,GAAGY,KAAK,CAACC,aAAa,CAACb,OAAO,EAAEA,OAAO,CAAC,CAAA;AACpD,IAAA,IAAI,CAACC,WAAW,GAAGA,WAAW,IAAIY,aAAa,CAACZ,WAAW,CAAA;IAC3D,IAAI,CAACC,UAAU,GAAGU,KAAK,CAACC,aAAa,CAACX,UAAU,EAAEA,UAAU,CAAC,CAAA;IAC7D,IAAI,CAACC,IAAI,GAAGS,KAAK,CAACC,aAAa,CAACV,IAAI,EAAEA,IAAI,CAAC,CAAA;IAC3C,IAAI,CAACC,UAAU,GAAGQ,KAAK,CAACC,aAAa,CAACT,UAAU,EAAEA,UAAU,CAAC,CAAA;IAC7D,IAAI,CAACC,IAAI,GAAGO,KAAK,CAACC,aAAa,CAACR,IAAI,EAAEA,IAAI,CAAC,CAAA;AAC3C,IAAA,IAAI,CAACC,SAAS,GAAGA,SAAS,IAAIO,aAAa,CAACP,SAAS,CAAA;AACrD,IAAA,IAAI,CAACC,iBAAiB,GAAGA,iBAAiB,IAAIM,aAAa,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;;;;"}
|
package/dist/lib/Theme.d.ts
CHANGED
|
@@ -111,8 +111,8 @@ declare class Theme implements ThemeData {
|
|
|
111
111
|
XXXXL?: string | undefined;
|
|
112
112
|
} | undefined;
|
|
113
113
|
fontWeight?: {
|
|
114
|
-
light?: number | undefined;
|
|
115
114
|
normal?: number | undefined;
|
|
115
|
+
light?: number | undefined;
|
|
116
116
|
semibold?: number | undefined;
|
|
117
117
|
bold?: number | undefined;
|
|
118
118
|
} | undefined;
|
|
@@ -282,67 +282,67 @@ declare class Theme implements ThemeData {
|
|
|
282
282
|
fontSize?: string | undefined;
|
|
283
283
|
fontWeight?: number | undefined;
|
|
284
284
|
lineHeight?: string | undefined;
|
|
285
|
-
letterSpacing?: number | undefined;
|
|
285
|
+
letterSpacing?: number | "normal" | undefined;
|
|
286
286
|
} | undefined;
|
|
287
287
|
heading2?: {
|
|
288
288
|
fontSize?: string | undefined;
|
|
289
289
|
fontWeight?: number | undefined;
|
|
290
290
|
lineHeight?: string | undefined;
|
|
291
|
-
letterSpacing?: number | undefined;
|
|
291
|
+
letterSpacing?: number | "normal" | undefined;
|
|
292
292
|
} | undefined;
|
|
293
293
|
heading3?: {
|
|
294
294
|
fontSize?: string | undefined;
|
|
295
295
|
fontWeight?: number | undefined;
|
|
296
296
|
lineHeight?: string | undefined;
|
|
297
|
-
letterSpacing?: number | undefined;
|
|
297
|
+
letterSpacing?: number | "normal" | undefined;
|
|
298
298
|
} | undefined;
|
|
299
299
|
heading4?: {
|
|
300
300
|
fontSize?: string | undefined;
|
|
301
301
|
fontWeight?: number | undefined;
|
|
302
302
|
lineHeight?: string | undefined;
|
|
303
|
-
letterSpacing?: number | undefined;
|
|
303
|
+
letterSpacing?: number | "normal" | undefined;
|
|
304
304
|
} | undefined;
|
|
305
305
|
heading5?: {
|
|
306
306
|
fontSize?: string | undefined;
|
|
307
307
|
fontWeight?: number | undefined;
|
|
308
308
|
lineHeight?: string | undefined;
|
|
309
|
-
letterSpacing?: number | undefined;
|
|
309
|
+
letterSpacing?: number | "normal" | undefined;
|
|
310
310
|
} | undefined;
|
|
311
311
|
heading6?: {
|
|
312
312
|
fontSize?: string | undefined;
|
|
313
313
|
fontWeight?: number | undefined;
|
|
314
314
|
lineHeight?: string | undefined;
|
|
315
|
-
letterSpacing?: number | undefined;
|
|
315
|
+
letterSpacing?: number | "normal" | undefined;
|
|
316
316
|
} | undefined;
|
|
317
317
|
subtitle1?: {
|
|
318
318
|
fontSize?: string | undefined;
|
|
319
319
|
fontWeight?: number | undefined;
|
|
320
320
|
lineHeight?: string | undefined;
|
|
321
|
-
letterSpacing?: number | undefined;
|
|
321
|
+
letterSpacing?: number | "normal" | undefined;
|
|
322
322
|
} | undefined;
|
|
323
323
|
subtitle2?: {
|
|
324
324
|
fontSize?: string | undefined;
|
|
325
325
|
fontWeight?: number | undefined;
|
|
326
326
|
lineHeight?: string | undefined;
|
|
327
|
-
letterSpacing?: number | undefined;
|
|
327
|
+
letterSpacing?: number | "normal" | undefined;
|
|
328
328
|
} | undefined;
|
|
329
329
|
body1?: {
|
|
330
330
|
fontSize?: string | undefined;
|
|
331
331
|
fontWeight?: number | undefined;
|
|
332
332
|
lineHeight?: string | undefined;
|
|
333
|
-
letterSpacing?: number | undefined;
|
|
333
|
+
letterSpacing?: number | "normal" | undefined;
|
|
334
334
|
} | undefined;
|
|
335
335
|
body2?: {
|
|
336
336
|
fontSize?: string | undefined;
|
|
337
337
|
fontWeight?: number | undefined;
|
|
338
338
|
lineHeight?: string | undefined;
|
|
339
|
-
letterSpacing?: number | undefined;
|
|
339
|
+
letterSpacing?: number | "normal" | undefined;
|
|
340
340
|
} | undefined;
|
|
341
341
|
small?: {
|
|
342
342
|
fontSize?: string | undefined;
|
|
343
343
|
fontWeight?: number | undefined;
|
|
344
344
|
lineHeight?: string | undefined;
|
|
345
|
-
letterSpacing?: number | undefined;
|
|
345
|
+
letterSpacing?: number | "normal" | undefined;
|
|
346
346
|
} | undefined;
|
|
347
347
|
} | undefined;
|
|
348
348
|
Checkbox?: {
|
|
@@ -421,67 +421,67 @@ declare class Theme implements ThemeData {
|
|
|
421
421
|
fontSize?: string | undefined;
|
|
422
422
|
fontWeight?: number | undefined;
|
|
423
423
|
lineHeight?: string | undefined;
|
|
424
|
-
letterSpacing?: number | undefined;
|
|
424
|
+
letterSpacing?: number | "normal" | undefined;
|
|
425
425
|
} | undefined;
|
|
426
426
|
heading2?: {
|
|
427
427
|
fontSize?: string | undefined;
|
|
428
428
|
fontWeight?: number | undefined;
|
|
429
429
|
lineHeight?: string | undefined;
|
|
430
|
-
letterSpacing?: number | undefined;
|
|
430
|
+
letterSpacing?: number | "normal" | undefined;
|
|
431
431
|
} | undefined;
|
|
432
432
|
heading3?: {
|
|
433
433
|
fontSize?: string | undefined;
|
|
434
434
|
fontWeight?: number | undefined;
|
|
435
435
|
lineHeight?: string | undefined;
|
|
436
|
-
letterSpacing?: number | undefined;
|
|
436
|
+
letterSpacing?: number | "normal" | undefined;
|
|
437
437
|
} | undefined;
|
|
438
438
|
heading4?: {
|
|
439
439
|
fontSize?: string | undefined;
|
|
440
440
|
fontWeight?: number | undefined;
|
|
441
441
|
lineHeight?: string | undefined;
|
|
442
|
-
letterSpacing?: number | undefined;
|
|
442
|
+
letterSpacing?: number | "normal" | undefined;
|
|
443
443
|
} | undefined;
|
|
444
444
|
heading5?: {
|
|
445
445
|
fontSize?: string | undefined;
|
|
446
446
|
fontWeight?: number | undefined;
|
|
447
447
|
lineHeight?: string | undefined;
|
|
448
|
-
letterSpacing?: number | undefined;
|
|
448
|
+
letterSpacing?: number | "normal" | undefined;
|
|
449
449
|
} | undefined;
|
|
450
450
|
heading6?: {
|
|
451
451
|
fontSize?: string | undefined;
|
|
452
452
|
fontWeight?: number | undefined;
|
|
453
453
|
lineHeight?: string | undefined;
|
|
454
|
-
letterSpacing?: number | undefined;
|
|
454
|
+
letterSpacing?: number | "normal" | undefined;
|
|
455
455
|
} | undefined;
|
|
456
456
|
subtitle1?: {
|
|
457
457
|
fontSize?: string | undefined;
|
|
458
458
|
fontWeight?: number | undefined;
|
|
459
459
|
lineHeight?: string | undefined;
|
|
460
|
-
letterSpacing?: number | undefined;
|
|
460
|
+
letterSpacing?: number | "normal" | undefined;
|
|
461
461
|
} | undefined;
|
|
462
462
|
subtitle2?: {
|
|
463
463
|
fontSize?: string | undefined;
|
|
464
464
|
fontWeight?: number | undefined;
|
|
465
465
|
lineHeight?: string | undefined;
|
|
466
|
-
letterSpacing?: number | undefined;
|
|
466
|
+
letterSpacing?: number | "normal" | undefined;
|
|
467
467
|
} | undefined;
|
|
468
468
|
body1?: {
|
|
469
469
|
fontSize?: string | undefined;
|
|
470
470
|
fontWeight?: number | undefined;
|
|
471
471
|
lineHeight?: string | undefined;
|
|
472
|
-
letterSpacing?: number | undefined;
|
|
472
|
+
letterSpacing?: number | "normal" | undefined;
|
|
473
473
|
} | undefined;
|
|
474
474
|
body2?: {
|
|
475
475
|
fontSize?: string | undefined;
|
|
476
476
|
fontWeight?: number | undefined;
|
|
477
477
|
lineHeight?: string | undefined;
|
|
478
|
-
letterSpacing?: number | undefined;
|
|
478
|
+
letterSpacing?: number | "normal" | undefined;
|
|
479
479
|
} | undefined;
|
|
480
480
|
small?: {
|
|
481
481
|
fontSize?: string | undefined;
|
|
482
482
|
fontWeight?: number | undefined;
|
|
483
483
|
lineHeight?: string | undefined;
|
|
484
|
-
letterSpacing?: number | undefined;
|
|
484
|
+
letterSpacing?: number | "normal" | undefined;
|
|
485
485
|
} | undefined;
|
|
486
486
|
} | undefined;
|
|
487
487
|
Checkbox?: {
|
|
@@ -517,7 +517,7 @@ declare class Theme implements ThemeData {
|
|
|
517
517
|
borderRadius: string;
|
|
518
518
|
};
|
|
519
519
|
toRem: (fontSizePx: string, baseFontSizePx?: string) => string;
|
|
520
|
-
toEm: (percentage: number) => string;
|
|
520
|
+
toEm: (percentage: number | string) => string;
|
|
521
521
|
toPercentage: (value: number) => string;
|
|
522
522
|
toRGBA: (hexCode: string, alpha: number | string) => string;
|
|
523
523
|
getLineHeight: (fontSizePx: string, lineHeightPx: string) => number;
|
package/dist/lib/Theme.js
CHANGED
|
@@ -77,7 +77,9 @@ class Theme {
|
|
|
77
77
|
return `${_this2.removePx(fontSizePx) / _this2.removePx(baseFontSizePx)}rem`;
|
|
78
78
|
};
|
|
79
79
|
})();
|
|
80
|
-
toEm = percentage =>
|
|
80
|
+
toEm = percentage => {
|
|
81
|
+
return typeof percentage === 'number' ? `${percentage / 100}em` : percentage;
|
|
82
|
+
};
|
|
81
83
|
toPercentage = value => `${value * 100}%`;
|
|
82
84
|
toRGBA = (hexCode, alpha) => {
|
|
83
85
|
let hex = hexCode.replace('#', '');
|
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 => `${percentage / 100}em
|
|
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;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shipengine/giger-theme",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.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": "
|
|
41
|
+
"gitHead": "5509a113fb8ee3a14ca0dddac82dbefb7f3c442f"
|
|
42
42
|
}
|