@ledgerhq/lumen-design-core 0.0.54 → 0.1.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 (15) hide show
  1. package/dist/presets/allBrands.d.ts.map +1 -1
  2. package/dist/presets/allBrands.js +2 -1
  3. package/dist/presets/enterprise.d.ts.map +1 -1
  4. package/dist/presets/enterprise.js +2 -1
  5. package/dist/presets/ledger-live.d.ts.map +1 -1
  6. package/dist/presets/ledger-live.js +2 -1
  7. package/dist/presets/websites.d.ts.map +1 -1
  8. package/dist/presets/websites.js +2 -1
  9. package/dist/utils/createMaskPlugin.d.ts +5 -0
  10. package/dist/utils/createMaskPlugin.d.ts.map +1 -0
  11. package/dist/utils/createMaskPlugin.js +20 -0
  12. package/dist/utils/index.d.ts +1 -0
  13. package/dist/utils/index.d.ts.map +1 -1
  14. package/dist/utils/index.js +1 -0
  15. package/package.json +1 -1
package/dist/presets/allBrands.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"allBrands.d.ts","sourceRoot":"","sources":["../../src/presets/allBrands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAa1C,eAAO,MAAM,eAAe,EAAE,MAqB7B,CAAC"}
1
+ {"version":3,"file":"allBrands.d.ts","sourceRoot":"","sources":["../../src/presets/allBrands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAc1C,eAAO,MAAM,eAAe,EAAE,MAsB7B,CAAC"}
package/dist/presets/allBrands.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { allBrandsCSSTheme } from '../themes/css';
2
2
  import { createAnimationsPlugin } from '../utils/createAnimationsPlugin.js';
3
3
  import { createPrimitivesPlugin } from '../utils/createPrimitivesPlugin.js';
4
- import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, } from '../utils/index.js';
4
+ import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, createMaskPlugin, } from '../utils/index.js';
5
5
  export const allBrandsPreset = {
6
6
  content: [],
7
7
  theme: {
@@ -21,6 +21,7 @@ export const allBrandsPreset = {
21
21
  createShadowPlugin(),
22
22
  createAnimationsPlugin(),
23
23
  createScrollbarPlugin(),
24
+ createMaskPlugin(),
24
25
  ],
25
26
  darkMode: 'class',
26
27
  };
package/dist/presets/enterprise.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"enterprise.d.ts","sourceRoot":"","sources":["../../src/presets/enterprise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAc1C,eAAO,MAAM,gBAAgB,EAAE,MAqB9B,CAAC"}
1
+ {"version":3,"file":"enterprise.d.ts","sourceRoot":"","sources":["../../src/presets/enterprise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAc1C,eAAO,MAAM,gBAAgB,EAAE,MAsB9B,CAAC"}
package/dist/presets/enterprise.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { enterpriseCSSTheme } from '../themes/css';
2
2
  import { createAnimationsPlugin } from '../utils/createAnimationsPlugin.js';
3
3
  import { createPrimitivesPlugin } from '../utils/createPrimitivesPlugin.js';
4
- import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, } from '../utils/index.js';
4
+ import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, createMaskPlugin, } from '../utils/index.js';
5
5
  export const enterprisePreset = {
6
6
  content: [],
7
7
  theme: {
@@ -21,6 +21,7 @@ export const enterprisePreset = {
21
21
  createShadowPlugin(),
22
22
  createAnimationsPlugin(),
23
23
  createScrollbarPlugin(),
24
+ createMaskPlugin(),
24
25
  ],
25
26
  darkMode: 'class',
26
27
  };
package/dist/presets/ledger-live.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ledger-live.d.ts","sourceRoot":"","sources":["../../src/presets/ledger-live.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAa1C,eAAO,MAAM,gBAAgB,EAAE,MAqB9B,CAAC"}
1
+ {"version":3,"file":"ledger-live.d.ts","sourceRoot":"","sources":["../../src/presets/ledger-live.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAc1C,eAAO,MAAM,gBAAgB,EAAE,MAsB9B,CAAC"}
package/dist/presets/ledger-live.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ledgerLiveCSSTheme } from '../themes/css';
2
2
  import { createAnimationsPlugin } from '../utils/createAnimationsPlugin.js';
3
3
  import { createPrimitivesPlugin } from '../utils/createPrimitivesPlugin.js';
4
- import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, } from '../utils/index.js';
4
+ import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, createMaskPlugin, } from '../utils/index.js';
5
5
  export const ledgerLivePreset = {
6
6
  content: [],
7
7
  theme: {
@@ -21,6 +21,7 @@ export const ledgerLivePreset = {
21
21
  createShadowPlugin(),
22
22
  createAnimationsPlugin(),
23
23
  createScrollbarPlugin(),
24
+ createMaskPlugin(),
24
25
  ],
25
26
  darkMode: 'class',
26
27
  };
package/dist/presets/websites.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"websites.d.ts","sourceRoot":"","sources":["../../src/presets/websites.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAc1C,eAAO,MAAM,cAAc,EAAE,MAqB5B,CAAC"}
1
+ {"version":3,"file":"websites.d.ts","sourceRoot":"","sources":["../../src/presets/websites.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAe1C,eAAO,MAAM,cAAc,EAAE,MAsB5B,CAAC"}
package/dist/presets/websites.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { websitesCSSTheme } from '../themes/css';
2
2
  import { createAnimationsPlugin } from '../utils/createAnimationsPlugin.js';
3
3
  import { createPrimitivesPlugin } from '../utils/createPrimitivesPlugin.js';
4
- import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, } from '../utils/index.js';
4
+ import { createGradientPlugin, createScreensPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, createScrollbarPlugin, createMaskPlugin, } from '../utils/index.js';
5
5
  export const websitesPreset = {
6
6
  content: [],
7
7
  theme: {
@@ -21,6 +21,7 @@ export const websitesPreset = {
21
21
  createShadowPlugin(),
22
22
  createAnimationsPlugin(),
23
23
  createScrollbarPlugin(),
24
+ createMaskPlugin(),
24
25
  ],
25
26
  darkMode: 'class',
26
27
  };
package/dist/utils/createMaskPlugin.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import plugin from 'tailwindcss/plugin.js';
2
+ type TailwindPlugin = ReturnType<typeof plugin>;
3
+ export declare function createMaskPlugin(): TailwindPlugin;
4
+ export {};
5
+ //# sourceMappingURL=createMaskPlugin.d.ts.map
package/dist/utils/createMaskPlugin.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createMaskPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/createMaskPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AAEhD,wBAAgB,gBAAgB,IAAI,cAAc,CAuBjD"}
package/dist/utils/createMaskPlugin.js ADDED
@@ -0,0 +1,20 @@
1
+ import plugin from 'tailwindcss/plugin.js';
2
+ export function createMaskPlugin() {
3
+ return plugin(function ({ addUtilities }) {
4
+ const maskFade = {
5
+ '.mask-fade-y': {
6
+ '-webkit-mask-image': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',
7
+ 'mask-image': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',
8
+ },
9
+ '.mask-fade-x': {
10
+ '-webkit-mask-image': 'linear-gradient(to right, transparent, black 20%, black 80%, transparent)',
11
+ 'mask-image': 'linear-gradient(to right, transparent, black 20%, black 80%, transparent)',
12
+ },
13
+ '.mask-fade-none': {
14
+ '-webkit-mask-image': 'none',
15
+ 'mask-image': 'none',
16
+ },
17
+ };
18
+ addUtilities(maskFade);
19
+ });
20
+ }
package/dist/utils/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './createCustomPlugin.js';
2
2
  export * from './createScreensPlugin.js';
3
+ export * from './createMaskPlugin.js';
3
4
  //# sourceMappingURL=index.d.ts.map
package/dist/utils/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}
package/dist/utils/index.js CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './createCustomPlugin.js';
2
2
  export * from './createScreensPlugin.js';
3
+ export * from './createMaskPlugin.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/lumen-design-core",
3
- "version": "0.0.54",
3
+ "version": "0.1.0",
4
4
  "license": "Apache-2.0",
5
5
  "keywords": [
6
6
  "design-system",