Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@lightningtv/l3-ui-theme-base

Package Overview
Dependencies
Maintainers
0
Versions
4
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lightningtv/l3-ui-theme-base - npm Package Compare versions

Comparing version 0.4.0 to 0.4.1

2

package.json
{
"name": "@lightningtv/l3-ui-theme-base",
"version": "0.4.0",
"version": "0.4.1",
"description": "A basic theme for the @lightningjs/solid-ui component library.",

@@ -5,0 +5,0 @@ "main": "theme.js",

233

theme.d.ts

@@ -36,94 +36,94 @@ /*

namespace duration {
let none_1: string;
let none_1: number;
export { none_1 as none };
export let xfast: string;
export let fast: string;
export let normal: string;
export let slow: string;
export let xslow: string;
export let xfast: number;
export let fast: number;
export let normal: number;
export let slow: number;
export let xslow: number;
}
namespace delay {
let none_2: string;
let none_2: number;
export { none_2 as none };
let xfast_1: string;
let xfast_1: number;
export { xfast_1 as xfast };
let fast_1: string;
let fast_1: number;
export { fast_1 as fast };
let normal_1: string;
let normal_1: number;
export { normal_1 as normal };
let slow_1: string;
let slow_1: number;
export { slow_1 as slow };
let xslow_1: string;
let xslow_1: number;
export { xslow_1 as xslow };
}
namespace expressive {
export let timingFunction: string;
let delay_1: string;
let delay_1: number;
export { delay_1 as delay };
let duration_1: string;
let duration_1: number;
export { duration_1 as duration };
export let easing: string;
}
namespace expressiveEntrance {
let timingFunction_1: string;
export { timingFunction_1 as timingFunction };
let delay_2: string;
let delay_2: number;
export { delay_2 as delay };
let duration_2: string;
let duration_2: number;
export { duration_2 as duration };
let easing_1: string;
export { easing_1 as easing };
}
namespace expressiveExit {
let timingFunction_2: string;
export { timingFunction_2 as timingFunction };
let delay_3: string;
let delay_3: number;
export { delay_3 as delay };
let duration_3: string;
let duration_3: number;
export { duration_3 as duration };
let easing_2: string;
export { easing_2 as easing };
}
namespace standard {
let timingFunction_3: string;
export { timingFunction_3 as timingFunction };
let delay_4: string;
let delay_4: number;
export { delay_4 as delay };
let duration_4: string;
let duration_4: number;
export { duration_4 as duration };
let easing_3: string;
export { easing_3 as easing };
}
namespace standardEntrance {
let timingFunction_4: string;
export { timingFunction_4 as timingFunction };
let delay_5: string;
let delay_5: number;
export { delay_5 as delay };
let duration_5: string;
let duration_5: number;
export { duration_5 as duration };
let easing_4: string;
export { easing_4 as easing };
}
namespace standardExit {
let timingFunction_5: string;
export { timingFunction_5 as timingFunction };
let delay_6: string;
let delay_6: number;
export { delay_6 as delay };
let duration_6: string;
let duration_6: number;
export { duration_6 as duration };
let easing_5: string;
export { easing_5 as easing };
}
namespace utility {
let timingFunction_6: string;
export { timingFunction_6 as timingFunction };
let delay_7: string;
let delay_7: number;
export { delay_7 as delay };
let duration_7: string;
let duration_7: number;
export { duration_7 as duration };
let easing_6: string;
export { easing_6 as easing };
}
namespace utilityEntrance {
let timingFunction_7: string;
export { timingFunction_7 as timingFunction };
let delay_8: string;
let delay_8: number;
export { delay_8 as delay };
let duration_8: string;
let duration_8: number;
export { duration_8 as duration };
let easing_7: string;
export { easing_7 as easing };
}
namespace utilityExit {
let timingFunction_8: string;
export { timingFunction_8 as timingFunction };
let delay_9: string;
let delay_9: number;
export { delay_9 as delay };
let duration_9: string;
let duration_9: number;
export { duration_9 as duration };
let easing_8: string;
export { easing_8 as easing };
}

@@ -168,2 +168,6 @@ }

let textBrandDisabled: string;
let textOnBrand: string;
let textOnBrandSecondary: string;
let textOnBrandTertiary: string;
let textOnBrandDisabled: string;
let textPositive: string;

@@ -202,2 +206,6 @@ let textNegative: string;

let strokeBrandDisabled: string;
let strokeOnBrand: string;
let strokeOnBrandSecondary: string;
let strokeOnBrandTertiary: string;
let strokeOnBrandDisabled: string;
let strokePositive: string;

@@ -216,13 +224,17 @@ let strokeNegative: string;

let interactiveBrandFocusSoft: string;
let shadowDefault: string;
let shadowFocused: string;
let shadowElevated: string;
let shadowText: string;
let shadowNeutral: string;
let shadowNeutralFocus: string;
let shadowNeutralFocusSoft: string;
let shadowNeutralElevated: string;
let shadowNeutralText: string;
let shadowInverse: string;
let shadowInverseFocus: string;
let shadowInverseFocusSoft: string;
let shadowInverseElevated: string;
let shadowInverseText: string;
let shadowBrand: string;
let shadowBrandFocus: string;
let shadowBrandFocusSoft: string;
let shadowBrandElevated: string;
let shadowBrandText: string;

@@ -251,2 +263,49 @@ }

}
namespace shadow {
namespace _default {
export let x: number;
export let y: number;
export let blur: number;
export let spread: number;
let color_1: string;
export { color_1 as color };
}
export { _default as default };
export namespace focused {
let x_1: number;
export { x_1 as x };
let y_1: number;
export { y_1 as y };
let blur_1: number;
export { blur_1 as blur };
let spread_1: number;
export { spread_1 as spread };
let color_2: string;
export { color_2 as color };
}
export namespace elevated {
let x_2: number;
export { x_2 as x };
let y_2: number;
export { y_2 as y };
let blur_2: number;
export { blur_2 as blur };
let spread_2: number;
export { spread_2 as spread };
let color_3: string;
export { color_3 as color };
}
export namespace text {
let x_3: number;
export { x_3 as x };
let y_3: number;
export { y_3 as y };
let blur_3: number;
export { blur_3 as blur };
let spread_3: number;
export { spread_3 as spread };
let color_4: string;
export { color_4 as color };
}
}
namespace spacer {

@@ -286,3 +345,3 @@ let none_4: number;

let lineHeight: number;
let fontStyle: string;
let fontWeight: number;
let verticalAlign: string;

@@ -298,4 +357,4 @@ let textBaseline: string;

export { lineHeight_1 as lineHeight };
let fontStyle_1: string;
export { fontStyle_1 as fontStyle };
let fontWeight_1: number;
export { fontWeight_1 as fontWeight };
let verticalAlign_1: string;

@@ -311,4 +370,4 @@ export { verticalAlign_1 as verticalAlign };

export { fontSize_2 as fontSize };
let fontStyle_2: string;
export { fontStyle_2 as fontStyle };
let fontWeight_2: number;
export { fontWeight_2 as fontWeight };
let lineHeight_2: number;

@@ -326,4 +385,4 @@ export { lineHeight_2 as lineHeight };

export { fontSize_3 as fontSize };
let fontStyle_3: string;
export { fontStyle_3 as fontStyle };
let fontWeight_3: number;
export { fontWeight_3 as fontWeight };
let lineHeight_3: number;

@@ -341,4 +400,4 @@ export { lineHeight_3 as lineHeight };

export { fontSize_4 as fontSize };
let fontStyle_4: string;
export { fontStyle_4 as fontStyle };
let fontWeight_4: number;
export { fontWeight_4 as fontWeight };
let lineHeight_4: number;

@@ -356,4 +415,4 @@ export { lineHeight_4 as lineHeight };

export { fontSize_5 as fontSize };
let fontStyle_5: string;
export { fontStyle_5 as fontStyle };
let fontWeight_5: number;
export { fontWeight_5 as fontWeight };
let lineHeight_5: number;

@@ -371,4 +430,4 @@ export { lineHeight_5 as lineHeight };

export { fontSize_6 as fontSize };
let fontStyle_6: string;
export { fontStyle_6 as fontStyle };
let fontWeight_6: number;
export { fontWeight_6 as fontWeight };
let lineHeight_6: number;

@@ -386,4 +445,4 @@ export { lineHeight_6 as lineHeight };

export { fontSize_7 as fontSize };
let fontStyle_7: string;
export { fontStyle_7 as fontStyle };
let fontWeight_7: number;
export { fontWeight_7 as fontWeight };
let lineHeight_7: number;

@@ -401,4 +460,4 @@ export { lineHeight_7 as lineHeight };

export { fontSize_8 as fontSize };
let fontStyle_8: string;
export { fontStyle_8 as fontStyle };
let fontWeight_8: number;
export { fontWeight_8 as fontWeight };
let lineHeight_8: number;

@@ -416,4 +475,4 @@ export { lineHeight_8 as lineHeight };

export { fontSize_9 as fontSize };
let fontStyle_9: string;
export { fontStyle_9 as fontStyle };
let fontWeight_9: number;
export { fontWeight_9 as fontWeight };
let lineHeight_9: number;

@@ -431,4 +490,4 @@ export { lineHeight_9 as lineHeight };

export { fontSize_10 as fontSize };
let fontStyle_10: string;
export { fontStyle_10 as fontStyle };
let fontWeight_10: number;
export { fontWeight_10 as fontWeight };
let lineHeight_10: number;

@@ -446,4 +505,4 @@ export { lineHeight_10 as lineHeight };

export { fontSize_11 as fontSize };
let fontStyle_11: string;
export { fontStyle_11 as fontStyle };
let fontWeight_11: number;
export { fontWeight_11 as fontWeight };
let lineHeight_11: number;

@@ -461,4 +520,4 @@ export { lineHeight_11 as lineHeight };

export { fontSize_12 as fontSize };
let fontStyle_12: string;
export { fontStyle_12 as fontStyle };
let fontWeight_12: number;
export { fontWeight_12 as fontWeight };
let lineHeight_12: number;

@@ -476,4 +535,4 @@ export { lineHeight_12 as lineHeight };

export { fontSize_13 as fontSize };
let fontStyle_13: string;
export { fontStyle_13 as fontStyle };
let fontWeight_13: number;
export { fontWeight_13 as fontWeight };
let lineHeight_13: number;

@@ -491,4 +550,4 @@ export { lineHeight_13 as lineHeight };

export { fontSize_14 as fontSize };
let fontStyle_14: string;
export { fontStyle_14 as fontStyle };
let fontWeight_14: number;
export { fontWeight_14 as fontWeight };
let lineHeight_14: number;

@@ -506,4 +565,4 @@ export { lineHeight_14 as lineHeight };

export { fontSize_15 as fontSize };
let fontStyle_15: string;
export { fontStyle_15 as fontStyle };
let fontWeight_15: number;
export { fontWeight_15 as fontWeight };
let lineHeight_15: number;

@@ -521,4 +580,4 @@ export { lineHeight_15 as lineHeight };

export { fontSize_16 as fontSize };
let fontStyle_16: string;
export { fontStyle_16 as fontStyle };
let fontWeight_16: number;
export { fontWeight_16 as fontWeight };
let lineHeight_16: number;

@@ -536,4 +595,4 @@ export { lineHeight_16 as lineHeight };

export { fontSize_17 as fontSize };
let fontStyle_17: string;
export { fontStyle_17 as fontStyle };
let fontWeight_17: number;
export { fontWeight_17 as fontWeight };
let lineHeight_17: number;

@@ -551,4 +610,4 @@ export { lineHeight_17 as lineHeight };

export { fontSize_18 as fontSize };
let fontStyle_18: string;
export { fontStyle_18 as fontStyle };
let fontWeight_18: number;
export { fontWeight_18 as fontWeight };
let lineHeight_18: number;

@@ -555,0 +614,0 @@ export { lineHeight_18 as lineHeight };

84

theme.js

@@ -44,47 +44,11 @@ /*

delay: { none: 0, xfast: 10, fast: 25, normal: 50, slow: 75, xslow: 90 },
expressive: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
expressiveEntrance: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
expressiveExit: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
standard: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
standardEntrance: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
standardExit: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
utility: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
utilityEntrance: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
},
utilityExit: {
timingFunction: 'cubic-bezier(0, 0, 1, 1)',
delay: 0,
duration: 0.25
}
expressive: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
expressiveEntrance: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
expressiveExit: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
standard: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
standardEntrance: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
standardExit: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
utility: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
utilityEntrance: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' },
utilityExit: { delay: 0, duration: 0.25, easing: 'cubic-bezier(0, 0, 1, 1)' }
},

@@ -132,2 +96,6 @@ asset: {

textBrandDisabled: '0x93a9fd80',
textOnBrand: '0x181819ff',
textOnBrandSecondary: '0x181819b3',
textOnBrandTertiary: '0x1818191a',
textOnBrandDisabled: '0x18181980',
textPositive: '0x2ecc71ff',

@@ -166,2 +134,6 @@ textNegative: '0xe74c3cff',

strokeBrandDisabled: '0x93a9fd80',
strokeOnBrand: '0x181819ff',
strokeOnBrandSecondary: '0x181819b3',
strokeOnBrandTertiary: '0x1818191a',
strokeOnBrandDisabled: '0x18181980',
strokePositive: '0x2ecc71ff',

@@ -180,14 +152,18 @@ strokeNegative: '0xe74c3cff',

interactiveBrandFocusSoft: '0xbecffe1a',
shadowDefault: '0x000000b3',
shadowFocused: '0x0000001a',
shadowElevated: '0x000000b3',
shadowText: '0x000000b3',
shadowNeutral: '0x000000b3',
shadowNeutralFocus: '0x000000b3',
shadowNeutralFocusSoft: '0x000000b3',
shadowNeutralText: '0x000000ff',
shadowNeutralElevated: '0x000000b3',
shadowNeutralText: '0x0000000',
shadowInverse: '0x000000b3',
shadowInverseFocus: '0x000000b3',
shadowInverseFocusSoft: '0x000000b3',
shadowInverseText: '0x000000ff',
shadowInverseElevated: '0x000000b3',
shadowInverseText: '0x0000000',
shadowBrand: '0x000000b3',
shadowBrandFocus: '0x000000b3',
shadowBrandFocusSoft: '0x000000b3',
shadowBrandText: '0x000000ff'
shadowBrandElevated: '0x000000b3',
shadowBrandText: '0x0000000'
},

@@ -207,2 +183,8 @@ font: [],

radius: { none: 0, xs: 2, sm: 4, md: 8, lg: 16, xl: 24 },
shadow: {
default: { x: 4, y: 4, blur: 4, spread: 4, color: '0x000000b3' },
focused: { x: 6, y: 6, blur: 12, spread: 8, color: '0x0000001a' },
elevated: { x: 4, y: 4, blur: 32, spread: 16, color: '0x000000b3' },
text: { x: 1, y: 1, blur: 1, spread: 1, color: '0x000000b3' }
},
spacer: {

@@ -209,0 +191,0 @@ none: 0,

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc