@lukso/web-components 1.52.0 → 1.52.2

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 (37) hide show
  1. package/dist/{cn-312c6e88.cjs → cn-4ec0bd94.cjs} +21 -17
  2. package/dist/{cn-1594f5ba.js → cn-616567d4.js} +19 -15
  3. package/dist/components/index.cjs +1 -1
  4. package/dist/components/index.js +1 -1
  5. package/dist/components/lukso-button/index.cjs +2 -2
  6. package/dist/components/lukso-button/index.js +2 -2
  7. package/dist/components/lukso-button/lukso-button.stories.d.ts +2 -0
  8. package/dist/components/lukso-button/lukso-button.stories.d.ts.map +1 -1
  9. package/dist/components/lukso-card/index.cjs +1 -1
  10. package/dist/components/lukso-card/index.js +1 -1
  11. package/dist/components/lukso-progress/index.cjs +1 -1
  12. package/dist/components/lukso-progress/index.js +1 -1
  13. package/dist/components/lukso-tooltip/index.cjs +5 -1
  14. package/dist/components/lukso-tooltip/index.d.ts.map +1 -1
  15. package/dist/components/lukso-tooltip/index.js +5 -1
  16. package/dist/index.cjs +1 -1
  17. package/dist/index.js +1 -1
  18. package/dist/styles/main.css +7 -7
  19. package/dist/tailwind-config.cjs +5 -0
  20. package/dist/tailwind-config.d.ts +3 -0
  21. package/dist/tailwind-config.d.ts.map +1 -1
  22. package/dist/tailwind-config.js +5 -1
  23. package/package.json +1 -1
  24. package/tailwind.config.cjs +2 -4
  25. package/tools/cn.cjs +19 -15
  26. package/tools/cn.d.ts.map +1 -1
  27. package/tools/cn.js +19 -15
  28. package/tools/index.cjs +2 -1
  29. package/tools/index.js +1 -1
  30. package/tools/sass/fonts.scss +8 -8
  31. package/tools/styles/main.css +7 -7
  32. package/tools/{tailwind-config-f8a808f6.cjs → tailwind-config-351a7d5d.cjs} +5 -0
  33. package/tools/{tailwind-config-0df99c97.js → tailwind-config-e0e28660.js} +5 -1
  34. package/tools/tailwind-config.cjs +2 -1
  35. package/tools/tailwind-config.d.ts +3 -0
  36. package/tools/tailwind-config.d.ts.map +1 -1
  37. package/tools/tailwind-config.js +1 -1
@@ -3,11 +3,11 @@
3
3
  const tailwindConfig = require('./tailwind-config.cjs');
4
4
 
5
5
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
6
- (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-312c6e88.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
6
+ (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-4ec0bd94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
7
7
 
8
- (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-312c6e88.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
8
+ (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-4ec0bd94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
9
9
 
10
- (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-312c6e88.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
10
+ (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('cn-4ec0bd94.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
11
11
 
12
12
  const CLASS_PART_SEPARATOR = '-';
13
13
  function createClassUtils(config) {
@@ -2546,20 +2546,24 @@ function extendTailwindMerge(configExtension, ...createConfig) {
2546
2546
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
2547
2547
 
2548
2548
  const customTwMerge = extendTailwindMerge({
2549
- classGroups: {
2550
- shadow: Object.keys(tailwindConfig.boxShadows).map((s) => `shadow-${s}`),
2551
- "font-size": Object.keys(tailwindConfig.fontSizes).map((s) => `text-${s}`),
2552
- "font-weight": Object.keys(tailwindConfig.fontWeights).map((s) => `font-${s}`),
2553
- "line-height": Object.keys(tailwindConfig.lineHeights).map((s) => `leading-${s}`),
2554
- scale: Object.keys(tailwindConfig.scales).map((s) => `scale-${s}`),
2555
- height: Object.keys(tailwindConfig.heights).map((s) => `h-${s}`),
2556
- borderRadius: Object.keys(tailwindConfig.borderRadius).map((s) => `rounded-${s}`),
2557
- colors: Object.entries(tailwindConfig.colorPalette).reduce((acc, currentVal) => {
2558
- const colors = Object.keys(currentVal[1]).map(
2559
- (c) => `text-${currentVal[0]}-${c}`
2560
- );
2561
- return [...acc, ...colors];
2562
- }, [])
2549
+ extend: {
2550
+ theme: {
2551
+ colors: Object.entries(tailwindConfig.colorPalette).reduce((acc, currentVal) => {
2552
+ const colors = Object.keys(currentVal[1]).map(
2553
+ (c) => `text-${currentVal[0]}-${c}`
2554
+ );
2555
+ return [...acc, ...colors];
2556
+ }, []),
2557
+ borderRadius: Object.keys(tailwindConfig.borderRadius).map((s) => `rounded-${s}`)
2558
+ },
2559
+ classGroups: {
2560
+ shadow: [{ shadow: Object.keys(tailwindConfig.boxShadows).map((s) => `shadow-${s}`) }],
2561
+ "font-size": Object.keys(tailwindConfig.fontSizes).map((s) => `text-${s}`),
2562
+ "font-weight": Object.keys(tailwindConfig.fontWeights).map((s) => `font-${s}`),
2563
+ scale: Object.keys(tailwindConfig.scales).map((s) => `scale-${s}`),
2564
+ h: Object.keys(tailwindConfig.heights).map((s) => `h-${s}`),
2565
+ leading: Object.keys(tailwindConfig.lineHeights).map((s) => `leading-${s}`)
2566
+ }
2563
2567
  }
2564
2568
  });
2565
2569
  const cn = (...inputs) => {
@@ -1,4 +1,4 @@
1
- import { boxShadows, fontSizes, fontWeights, lineHeights, scales, heights, borderRadius, colorPalette } from './tailwind-config.js';
1
+ import { colorPalette, borderRadius, boxShadows, fontSizes, fontWeights, scales, heights, lineHeights } from './tailwind-config.js';
2
2
 
3
3
  import.meta.url.replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
4
4
 
@@ -2543,20 +2543,24 @@ function extendTailwindMerge(configExtension, ...createConfig) {
2543
2543
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
2544
2544
 
2545
2545
  const customTwMerge = extendTailwindMerge({
2546
- classGroups: {
2547
- shadow: Object.keys(boxShadows).map((s) => `shadow-${s}`),
2548
- "font-size": Object.keys(fontSizes).map((s) => `text-${s}`),
2549
- "font-weight": Object.keys(fontWeights).map((s) => `font-${s}`),
2550
- "line-height": Object.keys(lineHeights).map((s) => `leading-${s}`),
2551
- scale: Object.keys(scales).map((s) => `scale-${s}`),
2552
- height: Object.keys(heights).map((s) => `h-${s}`),
2553
- borderRadius: Object.keys(borderRadius).map((s) => `rounded-${s}`),
2554
- colors: Object.entries(colorPalette).reduce((acc, currentVal) => {
2555
- const colors = Object.keys(currentVal[1]).map(
2556
- (c) => `text-${currentVal[0]}-${c}`
2557
- );
2558
- return [...acc, ...colors];
2559
- }, [])
2546
+ extend: {
2547
+ theme: {
2548
+ colors: Object.entries(colorPalette).reduce((acc, currentVal) => {
2549
+ const colors = Object.keys(currentVal[1]).map(
2550
+ (c) => `text-${currentVal[0]}-${c}`
2551
+ );
2552
+ return [...acc, ...colors];
2553
+ }, []),
2554
+ borderRadius: Object.keys(borderRadius).map((s) => `rounded-${s}`)
2555
+ },
2556
+ classGroups: {
2557
+ shadow: [{ shadow: Object.keys(boxShadows).map((s) => `shadow-${s}`) }],
2558
+ "font-size": Object.keys(fontSizes).map((s) => `text-${s}`),
2559
+ "font-weight": Object.keys(fontWeights).map((s) => `font-${s}`),
2560
+ scale: Object.keys(scales).map((s) => `scale-${s}`),
2561
+ h: Object.keys(heights).map((s) => `h-${s}`),
2562
+ leading: Object.keys(lineHeights).map((s) => `leading-${s}`)
2563
+ }
2560
2564
  }
2561
2565
  });
2562
2566
  const cn = (...inputs) => {
@@ -24,7 +24,7 @@ const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
24
24
  const components_luksoUsername_index = require('./lukso-username/index.cjs');
25
25
  const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
26
26
  const shared_tailwindElement_index = require('../index-f426e548.cjs');
27
- require('../cn-312c6e88.cjs');
27
+ require('../cn-4ec0bd94.cjs');
28
28
  require('../query-assigned-elements-1d5d9d4c.cjs');
29
29
  require('../state-f73a8b4f.cjs');
30
30
  require('../tailwind-config.cjs');
@@ -20,7 +20,7 @@ export { LuksoTooltip } from './lukso-tooltip/index.js';
20
20
  export { LuksoUsername } from './lukso-username/index.js';
21
21
  export { LuksoWizard } from './lukso-wizard/index.js';
22
22
  export { a as TailwindElement, T as TailwindStyledElement } from '../index-35ca0b42.js';
23
- import '../cn-1594f5ba.js';
23
+ import '../cn-616567d4.js';
24
24
  import '../query-assigned-elements-5d94572f.js';
25
25
  import '../state-0a779257.js';
26
26
  import '../tailwind-config.js';
@@ -6,7 +6,7 @@ const shared_tailwindElement_index = require('../../index-f426e548.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  require('../../tailwind-config.cjs');
9
- const cn = require('../../cn-312c6e88.cjs');
9
+ const cn = require('../../cn-4ec0bd94.cjs');
10
10
 
11
11
  var a=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,l=t=>!t||typeof t!="object"||Object.keys(t).length===0,u=(t,e)=>JSON.stringify(t)===JSON.stringify(e);function i(t,e){t.forEach(function(n){Array.isArray(n)?i(n,e):e.push(n);});}function y(t){let e=[];return i(t,e),e}var g=(...t)=>y(t).filter(Boolean),p=(t,e)=>{let n={},c=Object.keys(t),f=Object.keys(e);for(let o of c)if(f.includes(o)){let s=t[o],r=e[o];typeof s=="object"&&typeof r=="object"?n[o]=p(s,r):n[o]=r+" "+s;}else n[o]=t[o];for(let o of f)c.includes(o)||(n[o]=e[o]);return n},k=t=>!t||typeof t!="string"?t:t.replace(/\s+/g," ").trim();
12
12
 
@@ -2644,7 +2644,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
2644
2644
  },
2645
2645
  size: {
2646
2646
  medium: `h-[48px] px-6 paragraph-inter-16-semi-bold rounded-12`,
2647
- small: `h-[28px] px-3 paragraph-inter-12-regular rounded-8 hover:shadow-none active:shadow-none`
2647
+ small: `h-[28px] px-3 paragraph-inter-12-medium rounded-8 hover:shadow-none active:shadow-none`
2648
2648
  },
2649
2649
  isLongPress: {
2650
2650
  true: `relative overflow-hidden z-[1] active:outline-0
@@ -2,7 +2,7 @@ import { T as TailwindStyledElement, x, A } from '../../index-35ca0b42.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import '../../tailwind-config.js';
5
- import { c as cn } from '../../cn-1594f5ba.js';
5
+ import { c as cn } from '../../cn-616567d4.js';
6
6
 
7
7
  var a=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,l=t=>!t||typeof t!="object"||Object.keys(t).length===0,u=(t,e)=>JSON.stringify(t)===JSON.stringify(e);function i(t,e){t.forEach(function(n){Array.isArray(n)?i(n,e):e.push(n);});}function y(t){let e=[];return i(t,e),e}var g=(...t)=>y(t).filter(Boolean),p=(t,e)=>{let n={},c=Object.keys(t),f=Object.keys(e);for(let o of c)if(f.includes(o)){let s=t[o],r=e[o];typeof s=="object"&&typeof r=="object"?n[o]=p(s,r):n[o]=r+" "+s;}else n[o]=t[o];for(let o of f)c.includes(o)||(n[o]=e[o]);return n},k=t=>!t||typeof t!="string"?t:t.replace(/\s+/g," ").trim();
8
8
 
@@ -2640,7 +2640,7 @@ let LuksoButton = class extends TailwindStyledElement(style) {
2640
2640
  },
2641
2641
  size: {
2642
2642
  medium: `h-[48px] px-6 paragraph-inter-16-semi-bold rounded-12`,
2643
- small: `h-[28px] px-3 paragraph-inter-12-regular rounded-8 hover:shadow-none active:shadow-none`
2643
+ small: `h-[28px] px-3 paragraph-inter-12-medium rounded-8 hover:shadow-none active:shadow-none`
2644
2644
  },
2645
2645
  isLongPress: {
2646
2646
  true: `relative overflow-hidden z-[1] active:outline-0
@@ -14,6 +14,8 @@ export declare const Text: any;
14
14
  export declare const NavButton: any;
15
15
  /** Example of `nav-text` variant. */
16
16
  export declare const NavText: any;
17
+ /** Example of `small` size button. */
18
+ export declare const SmallSize: any;
17
19
  /** If you need button to take full width of the parent element add `is-full-width` property. */
18
20
  export declare const FullWidth: any;
19
21
  /** In order to have disabled button add `disabled` property. */
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/lukso-button.stories.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAoMX,CAAA;AAED,eAAe,IAAI,CAAA;AAyCnB,oDAAoD;AACpD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAexC,sCAAsC;AACtC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAWxC,kCAAkC;AAClC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAWrC,wCAAwC;AACxC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,sCAAsC;AACtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,gGAAgG;AAChG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,gEAAgE;AAChE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAa/C,6GAA6G;AAC7G,eAAO,MAAM,UAAU,KAAoB,CAAA;AAc3C;;GAEG;AACH,eAAO,MAAM,eAAe,KAAoB,CAAA;AAahD;4FAC4F;AAC5F,eAAO,MAAM,IAAI,KAAoB,CAAA;AAerC;GACG;AACH,eAAO,MAAM,aAAa,KAAoB,CAAA;AAc9C,uEAAuE;AACvE,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAalD,iDAAiD;AACjD,eAAO,MAAM,aAAa,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/lukso-button.stories.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAoMX,CAAA;AAED,eAAe,IAAI,CAAA;AAyCnB,oDAAoD;AACpD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAexC,sCAAsC;AACtC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAWxC,kCAAkC;AAClC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAWrC,wCAAwC;AACxC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,sCAAsC;AACtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gGAAgG;AAChG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,gEAAgE;AAChE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAa/C,6GAA6G;AAC7G,eAAO,MAAM,UAAU,KAAoB,CAAA;AAc3C;;GAEG;AACH,eAAO,MAAM,eAAe,KAAoB,CAAA;AAahD;4FAC4F;AAC5F,eAAO,MAAM,IAAI,KAAoB,CAAA;AAerC;GACG;AACH,eAAO,MAAM,aAAa,KAAoB,CAAA;AAc9C,uEAAuE;AACvE,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAalD,iDAAiD;AACjD,eAAO,MAAM,aAAa,KAAoB,CAAA"}
@@ -7,7 +7,7 @@ const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cj
7
7
  const styleMap = require('../../style-map-1175c018.cjs');
8
8
  require('../lukso-profile/index.cjs');
9
9
  require('../../tailwind-config.cjs');
10
- const cn = require('../../cn-312c6e88.cjs');
10
+ const cn = require('../../cn-4ec0bd94.cjs');
11
11
  const index = require('../../index-ace51f33.cjs');
12
12
  require('../../directive-8278ab14.cjs');
13
13
  require('../../index-e9668573.cjs');
@@ -3,7 +3,7 @@ import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { o } from '../../style-map-17f918a2.js';
4
4
  import '../lukso-profile/index.js';
5
5
  import '../../tailwind-config.js';
6
- import { c as cn } from '../../cn-1594f5ba.js';
6
+ import { c as cn } from '../../cn-616567d4.js';
7
7
  import { c as customStyleMap } from '../../index-739869da.js';
8
8
  import '../../directive-2bb7789e.js';
9
9
  import '../../index-5e194caf.js';
@@ -6,7 +6,7 @@ const shared_tailwindElement_index = require('../../index-f426e548.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const styleMap = require('../../style-map-1175c018.cjs');
8
8
  require('../../tailwind-config.cjs');
9
- const cn = require('../../cn-312c6e88.cjs');
9
+ const cn = require('../../cn-4ec0bd94.cjs');
10
10
  require('../../directive-8278ab14.cjs');
11
11
 
12
12
  var __defProp = Object.defineProperty;
@@ -2,7 +2,7 @@ import { a as TailwindElement, x } from '../../index-35ca0b42.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { o } from '../../style-map-17f918a2.js';
4
4
  import '../../tailwind-config.js';
5
- import { c as cn } from '../../cn-1594f5ba.js';
5
+ import { c as cn } from '../../cn-616567d4.js';
6
6
  import '../../directive-2bb7789e.js';
7
7
 
8
8
  var __defProp = Object.defineProperty;
@@ -3557,7 +3557,11 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3557
3557
  ?show=${this.showCopy ? true : void 0}
3558
3558
  text=${this.copyText}
3559
3559
  >
3560
- <div id="trigger" class="cursor-pointer" @click=${this.handleClick}>
3560
+ <div
3561
+ id="trigger"
3562
+ class="cursor-pointer flex"
3563
+ @click=${this.handleClick}
3564
+ >
3561
3565
  <slot></slot>
3562
3566
  </div>
3563
3567
  </lukso-tooltip>` : shared_tailwindElement_index.x`<div
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAQ1C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AACpE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE9D,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,EAAE,MAAM,CAAK;IAGjB,QAAQ,EAAE,MAAM,CAAM;IAGtB,IAAI,EAAE,OAAO,CAAQ;IAGrB,WAAW,EAAE,MAAM,CAAS;IAG5B,eAAe,EAAE,OAAO,CAAQ;IAGhC,QAAQ,EAAE,MAAM,CAAK;IAGrB,SAAS,EAAE,MAAM,CAAK;IAGtB,MAAM,EAAE,MAAM,CAAK;IAGnB,QAAQ,EAAE,OAAO,CAAQ;IAEzB,OAAO,CAAC,oBAAoB,CAA6B;IAEzD,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,MAAM;CAmCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAQ1C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AACpE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE9D,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,EAAE,MAAM,CAAK;IAGjB,QAAQ,EAAE,MAAM,CAAM;IAGtB,IAAI,EAAE,OAAO,CAAQ;IAGrB,WAAW,EAAE,MAAM,CAAS;IAG5B,eAAe,EAAE,OAAO,CAAQ;IAGhC,QAAQ,EAAE,MAAM,CAAK;IAGrB,SAAS,EAAE,MAAM,CAAK;IAGtB,MAAM,EAAE,MAAM,CAAK;IAGnB,QAAQ,EAAE,OAAO,CAAQ;IAEzB,OAAO,CAAC,oBAAoB,CAA6B;IAEzD,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,MAAM;CAuCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
@@ -3553,7 +3553,11 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
3553
3553
  ?show=${this.showCopy ? true : void 0}
3554
3554
  text=${this.copyText}
3555
3555
  >
3556
- <div id="trigger" class="cursor-pointer" @click=${this.handleClick}>
3556
+ <div
3557
+ id="trigger"
3558
+ class="cursor-pointer flex"
3559
+ @click=${this.handleClick}
3560
+ >
3557
3561
  <slot></slot>
3558
3562
  </div>
3559
3563
  </lukso-tooltip>` : x`<div
package/dist/index.cjs CHANGED
@@ -24,7 +24,7 @@ const components_luksoTooltip_index = require('./components/lukso-tooltip/index.
24
24
  const components_luksoUsername_index = require('./components/lukso-username/index.cjs');
25
25
  const components_luksoWizard_index = require('./components/lukso-wizard/index.cjs');
26
26
  const shared_tailwindElement_index = require('./index-f426e548.cjs');
27
- const cn = require('./cn-312c6e88.cjs');
27
+ const cn = require('./cn-4ec0bd94.cjs');
28
28
  require('./query-assigned-elements-1d5d9d4c.cjs');
29
29
  require('./state-f73a8b4f.cjs');
30
30
  require('./tailwind-config.cjs');
package/dist/index.js CHANGED
@@ -20,7 +20,7 @@ export { LuksoTooltip } from './components/lukso-tooltip/index.js';
20
20
  export { LuksoUsername } from './components/lukso-username/index.js';
21
21
  export { LuksoWizard } from './components/lukso-wizard/index.js';
22
22
  export { a as TailwindElement, T as TailwindStyledElement } from './index-35ca0b42.js';
23
- export { c as cn } from './cn-1594f5ba.js';
23
+ export { c as cn } from './cn-616567d4.js';
24
24
  import './query-assigned-elements-5d94572f.js';
25
25
  import './state-0a779257.js';
26
26
  import './tailwind-config.js';
@@ -106,6 +106,13 @@
106
106
  font-style: normal;
107
107
  font-display: swap;
108
108
  }
109
+ @font-face {
110
+ font-family: Inter;
111
+ src: url("/assets/fonts/Inter-ExtraBold.woff2") format("woff2");
112
+ font-weight: 800;
113
+ font-style: normal;
114
+ font-display: swap;
115
+ }
109
116
  @font-face {
110
117
  font-family: Inter;
111
118
  src: url("/assets/fonts/Inter-Bold.woff2") format("woff2");
@@ -134,13 +141,6 @@
134
141
  font-style: normal;
135
142
  font-display: swap;
136
143
  }
137
- @font-face {
138
- font-family: Inter;
139
- src: url("/assets/fonts/Inter-ExtraBold.woff2") format("woff2");
140
- font-weight: bolder;
141
- font-style: normal;
142
- font-display: swap;
143
- }
144
144
  @font-face {
145
145
  font-family: "PT Mono";
146
146
  src: url("/assets/fonts/PT-Mono-Regular.woff2") format("woff2");
@@ -1284,6 +1284,10 @@ const borderRadius = {
1284
1284
  16: "16px",
1285
1285
  24: "24px"
1286
1286
  };
1287
+ const spacing = {
1288
+ 22: "5.5rem"
1289
+ // 88px
1290
+ };
1287
1291
  const colorPalette = {
1288
1292
  neutral: hslColorMap(
1289
1293
  206,
@@ -1364,3 +1368,4 @@ exports.neutral1 = neutral1;
1364
1368
  exports.neutral2 = neutral2;
1365
1369
  exports.neutral3 = neutral3;
1366
1370
  exports.scales = scales;
1371
+ exports.spacing = spacing;
@@ -92,6 +92,9 @@ export declare const borderRadius: {
92
92
  16: string;
93
93
  24: string;
94
94
  };
95
+ export declare const spacing: {
96
+ 22: string;
97
+ };
95
98
  export type ColorMap = {
96
99
  [key: string]: string;
97
100
  };
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind-config.d.ts","sourceRoot":"","sources":["../../../../src/shared/tools/tailwind-config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBvB,CAAA;AAED,eAAO,MAAM,MAAM;;CAElB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,CAAA;AAoBD;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAyC,CAAA;AAC9D,eAAO,MAAM,QAAQ,UAA0C,CAAA;AAC/D,eAAO,MAAM,QAAQ,UAIpB,CAAA"}
1
+ {"version":3,"file":"tailwind-config.d.ts","sourceRoot":"","sources":["../../../../src/shared/tools/tailwind-config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBvB,CAAA;AAED,eAAO,MAAM,MAAM;;CAElB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,CAAA;AAoBD;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAyC,CAAA;AAC9D,eAAO,MAAM,QAAQ,UAA0C,CAAA;AAC/D,eAAO,MAAM,QAAQ,UAIpB,CAAA"}
@@ -1280,6 +1280,10 @@ const borderRadius = {
1280
1280
  16: "16px",
1281
1281
  24: "24px"
1282
1282
  };
1283
+ const spacing = {
1284
+ 22: "5.5rem"
1285
+ // 88px
1286
+ };
1283
1287
  const colorPalette = {
1284
1288
  neutral: hslColorMap(
1285
1289
  206,
@@ -1349,4 +1353,4 @@ const neutral3 = splitColor(
1349
1353
  Object.keys(colorPalette.neutral).length
1350
1354
  );
1351
1355
 
1352
- export { borderRadius, boxShadows, colorPalette, fontSizes, fontWeights, heights, lineHeights, neutral1, neutral2, neutral3, scales };
1356
+ export { borderRadius, boxShadows, colorPalette, fontSizes, fontWeights, heights, lineHeights, neutral1, neutral2, neutral3, scales, spacing };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.52.0",
3
+ "version": "1.52.2",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
@@ -1,6 +1,6 @@
1
1
  const plugin = require('tailwindcss/plugin')
2
2
 
3
- const { colorPalette, boxShadows, fontWeights, fontSizes, lineHeights, scales, heights, borderRadius } = require('./tools/tailwind-config.cjs')
3
+ const { colorPalette, boxShadows, fontWeights, fontSizes, lineHeights, scales, heights, borderRadius, spacing } = require('./tools/tailwind-config.cjs')
4
4
 
5
5
  /**
6
6
  * Add animation delay utilities. Example: .animation-delay-1000
@@ -159,9 +159,7 @@ module.exports = {
159
159
  both: 'both',
160
160
  },
161
161
  borderRadius: borderRadius,
162
- spacing: {
163
- 22: '5.5rem', // 88px
164
- }
162
+ spacing: spacing
165
163
  },
166
164
  },
167
165
  plugins: [
package/tools/cn.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const tailwindConfig = require('./tailwind-config-f8a808f6.cjs');
5
+ const tailwindConfig = require('./tailwind-config-351a7d5d.cjs');
6
6
 
7
7
  const CLASS_PART_SEPARATOR = '-';
8
8
  function createClassUtils(config) {
@@ -2541,20 +2541,24 @@ function extendTailwindMerge(configExtension, ...createConfig) {
2541
2541
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
2542
2542
 
2543
2543
  const customTwMerge = extendTailwindMerge({
2544
- classGroups: {
2545
- shadow: Object.keys(tailwindConfig.boxShadows).map((s) => `shadow-${s}`),
2546
- "font-size": Object.keys(tailwindConfig.fontSizes).map((s) => `text-${s}`),
2547
- "font-weight": Object.keys(tailwindConfig.fontWeights).map((s) => `font-${s}`),
2548
- "line-height": Object.keys(tailwindConfig.lineHeights).map((s) => `leading-${s}`),
2549
- scale: Object.keys(tailwindConfig.scales).map((s) => `scale-${s}`),
2550
- height: Object.keys(tailwindConfig.heights).map((s) => `h-${s}`),
2551
- borderRadius: Object.keys(tailwindConfig.borderRadius).map((s) => `rounded-${s}`),
2552
- colors: Object.entries(tailwindConfig.colorPalette).reduce((acc, currentVal) => {
2553
- const colors = Object.keys(currentVal[1]).map(
2554
- (c) => `text-${currentVal[0]}-${c}`
2555
- );
2556
- return [...acc, ...colors];
2557
- }, [])
2544
+ extend: {
2545
+ theme: {
2546
+ colors: Object.entries(tailwindConfig.colorPalette).reduce((acc, currentVal) => {
2547
+ const colors = Object.keys(currentVal[1]).map(
2548
+ (c) => `text-${currentVal[0]}-${c}`
2549
+ );
2550
+ return [...acc, ...colors];
2551
+ }, []),
2552
+ borderRadius: Object.keys(tailwindConfig.borderRadius).map((s) => `rounded-${s}`)
2553
+ },
2554
+ classGroups: {
2555
+ shadow: [{ shadow: Object.keys(tailwindConfig.boxShadows).map((s) => `shadow-${s}`) }],
2556
+ "font-size": Object.keys(tailwindConfig.fontSizes).map((s) => `text-${s}`),
2557
+ "font-weight": Object.keys(tailwindConfig.fontWeights).map((s) => `font-${s}`),
2558
+ scale: Object.keys(tailwindConfig.scales).map((s) => `scale-${s}`),
2559
+ h: Object.keys(tailwindConfig.heights).map((s) => `h-${s}`),
2560
+ leading: Object.keys(tailwindConfig.lineHeights).map((s) => `leading-${s}`)
2561
+ }
2558
2562
  }
2559
2563
  });
2560
2564
  const cn = (...inputs) => {
package/tools/cn.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/shared/tools/cn.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,MAAM,CAAA;AA+BvC,eAAO,MAAM,EAAE,cAAe,UAAU,EAAE,WAEzC,CAAA"}
1
+ {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/shared/tools/cn.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,MAAM,CAAA;AAmCvC,eAAO,MAAM,EAAE,cAAe,UAAU,EAAE,WAEzC,CAAA"}
package/tools/cn.js CHANGED
@@ -1,4 +1,4 @@
1
- import { b as boxShadows, f as fontSizes, a as fontWeights, l as lineHeights, s as scales, h as heights, c as borderRadius, d as colorPalette } from './tailwind-config-0df99c97.js';
1
+ import { e as colorPalette, c as borderRadius, b as boxShadows, f as fontSizes, a as fontWeights, s as scales, h as heights, l as lineHeights } from './tailwind-config-e0e28660.js';
2
2
 
3
3
  const CLASS_PART_SEPARATOR = '-';
4
4
  function createClassUtils(config) {
@@ -2537,20 +2537,24 @@ function extendTailwindMerge(configExtension, ...createConfig) {
2537
2537
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
2538
2538
 
2539
2539
  const customTwMerge = extendTailwindMerge({
2540
- classGroups: {
2541
- shadow: Object.keys(boxShadows).map((s) => `shadow-${s}`),
2542
- "font-size": Object.keys(fontSizes).map((s) => `text-${s}`),
2543
- "font-weight": Object.keys(fontWeights).map((s) => `font-${s}`),
2544
- "line-height": Object.keys(lineHeights).map((s) => `leading-${s}`),
2545
- scale: Object.keys(scales).map((s) => `scale-${s}`),
2546
- height: Object.keys(heights).map((s) => `h-${s}`),
2547
- borderRadius: Object.keys(borderRadius).map((s) => `rounded-${s}`),
2548
- colors: Object.entries(colorPalette).reduce((acc, currentVal) => {
2549
- const colors = Object.keys(currentVal[1]).map(
2550
- (c) => `text-${currentVal[0]}-${c}`
2551
- );
2552
- return [...acc, ...colors];
2553
- }, [])
2540
+ extend: {
2541
+ theme: {
2542
+ colors: Object.entries(colorPalette).reduce((acc, currentVal) => {
2543
+ const colors = Object.keys(currentVal[1]).map(
2544
+ (c) => `text-${currentVal[0]}-${c}`
2545
+ );
2546
+ return [...acc, ...colors];
2547
+ }, []),
2548
+ borderRadius: Object.keys(borderRadius).map((s) => `rounded-${s}`)
2549
+ },
2550
+ classGroups: {
2551
+ shadow: [{ shadow: Object.keys(boxShadows).map((s) => `shadow-${s}`) }],
2552
+ "font-size": Object.keys(fontSizes).map((s) => `text-${s}`),
2553
+ "font-weight": Object.keys(fontWeights).map((s) => `font-${s}`),
2554
+ scale: Object.keys(scales).map((s) => `scale-${s}`),
2555
+ h: Object.keys(heights).map((s) => `h-${s}`),
2556
+ leading: Object.keys(lineHeights).map((s) => `leading-${s}`)
2557
+ }
2554
2558
  }
2555
2559
  });
2556
2560
  const cn = (...inputs) => {
package/tools/index.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const tailwindConfig = require('./tailwind-config-f8a808f6.cjs');
5
+ const tailwindConfig = require('./tailwind-config-351a7d5d.cjs');
6
6
  const copyAssets = require('./copy-assets.cjs');
7
7
  const assets_index = require('./assets/index.cjs');
8
8
  const cn = require('./cn.cjs');
@@ -36,6 +36,7 @@ exports.neutral1 = tailwindConfig.neutral1;
36
36
  exports.neutral2 = tailwindConfig.neutral2;
37
37
  exports.neutral3 = tailwindConfig.neutral3;
38
38
  exports.scales = tailwindConfig.scales;
39
+ exports.spacing = tailwindConfig.spacing;
39
40
  exports.copyAssets = copyAssets.copyAssets;
40
41
  exports.assets = assets_index.assets;
41
42
  exports.cn = cn.cn;
package/tools/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { c as borderRadius, b as boxShadows, d as colorPalette, f as fontSizes, a as fontWeights, h as heights, i as hslColorMap, l as lineHeights, n as neutral1, e as neutral2, g as neutral3, s as scales } from './tailwind-config-0df99c97.js';
1
+ export { c as borderRadius, b as boxShadows, e as colorPalette, f as fontSizes, a as fontWeights, h as heights, j as hslColorMap, l as lineHeights, n as neutral1, g as neutral2, i as neutral3, s as scales, d as spacing } from './tailwind-config-e0e28660.js';
2
2
  export { copyAssets } from './copy-assets.js';
3
3
  export { assets } from './assets/index.js';
4
4
  export { cn } from './cn.js';
@@ -14,6 +14,14 @@ $font-file-path: '/assets/fonts' !default;
14
14
  font-display: swap;
15
15
  }
16
16
 
17
+ @font-face {
18
+ font-family: Inter;
19
+ src: url('#{$font-file-path}/Inter-ExtraBold.woff2') format('woff2');
20
+ font-weight: 800;
21
+ font-style: normal;
22
+ font-display: swap;
23
+ }
24
+
17
25
  @font-face {
18
26
  font-family: Inter;
19
27
  src: url('#{$font-file-path}/Inter-Bold.woff2') format('woff2');
@@ -46,14 +54,6 @@ $font-file-path: '/assets/fonts' !default;
46
54
  font-display: swap;
47
55
  }
48
56
 
49
- @font-face {
50
- font-family: Inter;
51
- src: url('#{$font-file-path}/Inter-ExtraBold.woff2') format('woff2');
52
- font-weight: bolder;
53
- font-style: normal;
54
- font-display: swap;
55
- }
56
-
57
57
  @font-face {
58
58
  font-family: 'PT Mono';
59
59
  src: url('#{$font-file-path}/PT-Mono-Regular.woff2') format('woff2');
@@ -106,6 +106,13 @@
106
106
  font-style: normal;
107
107
  font-display: swap;
108
108
  }
109
+ @font-face {
110
+ font-family: Inter;
111
+ src: url("/assets/fonts/Inter-ExtraBold.woff2") format("woff2");
112
+ font-weight: 800;
113
+ font-style: normal;
114
+ font-display: swap;
115
+ }
109
116
  @font-face {
110
117
  font-family: Inter;
111
118
  src: url("/assets/fonts/Inter-Bold.woff2") format("woff2");
@@ -134,13 +141,6 @@
134
141
  font-style: normal;
135
142
  font-display: swap;
136
143
  }
137
- @font-face {
138
- font-family: Inter;
139
- src: url("/assets/fonts/Inter-ExtraBold.woff2") format("woff2");
140
- font-weight: bolder;
141
- font-style: normal;
142
- font-display: swap;
143
- }
144
144
  @font-face {
145
145
  font-family: "PT Mono";
146
146
  src: url("/assets/fonts/PT-Mono-Regular.woff2") format("woff2");
@@ -1282,6 +1282,10 @@ const borderRadius = {
1282
1282
  16: "16px",
1283
1283
  24: "24px"
1284
1284
  };
1285
+ const spacing = {
1286
+ 22: "5.5rem"
1287
+ // 88px
1288
+ };
1285
1289
  const colorPalette = {
1286
1290
  neutral: hslColorMap(
1287
1291
  206,
@@ -1363,3 +1367,4 @@ exports.neutral1 = neutral1;
1363
1367
  exports.neutral2 = neutral2;
1364
1368
  exports.neutral3 = neutral3;
1365
1369
  exports.scales = scales;
1370
+ exports.spacing = spacing;
@@ -1280,6 +1280,10 @@ const borderRadius = {
1280
1280
  16: "16px",
1281
1281
  24: "24px"
1282
1282
  };
1283
+ const spacing = {
1284
+ 22: "5.5rem"
1285
+ // 88px
1286
+ };
1283
1287
  const colorPalette = {
1284
1288
  neutral: hslColorMap(
1285
1289
  206,
@@ -1349,4 +1353,4 @@ const neutral3 = splitColor(
1349
1353
  Object.keys(colorPalette.neutral).length
1350
1354
  );
1351
1355
 
1352
- export { fontWeights as a, boxShadows as b, borderRadius as c, colorPalette as d, neutral2 as e, fontSizes as f, neutral3 as g, heights as h, hslColorMap as i, lineHeights as l, neutral1 as n, scales as s };
1356
+ export { fontWeights as a, boxShadows as b, borderRadius as c, spacing as d, colorPalette as e, fontSizes as f, neutral2 as g, heights as h, neutral3 as i, hslColorMap as j, lineHeights as l, neutral1 as n, scales as s };
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const tailwindConfig = require('./tailwind-config-f8a808f6.cjs');
5
+ const tailwindConfig = require('./tailwind-config-351a7d5d.cjs');
6
6
 
7
7
 
8
8
 
@@ -17,3 +17,4 @@ exports.neutral1 = tailwindConfig.neutral1;
17
17
  exports.neutral2 = tailwindConfig.neutral2;
18
18
  exports.neutral3 = tailwindConfig.neutral3;
19
19
  exports.scales = tailwindConfig.scales;
20
+ exports.spacing = tailwindConfig.spacing;
@@ -92,6 +92,9 @@ export declare const borderRadius: {
92
92
  16: string;
93
93
  24: string;
94
94
  };
95
+ export declare const spacing: {
96
+ 22: string;
97
+ };
95
98
  export type ColorMap = {
96
99
  [key: string]: string;
97
100
  };
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind-config.d.ts","sourceRoot":"","sources":["../../src/shared/tools/tailwind-config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBvB,CAAA;AAED,eAAO,MAAM,MAAM;;CAElB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,CAAA;AAoBD;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAyC,CAAA;AAC9D,eAAO,MAAM,QAAQ,UAA0C,CAAA;AAC/D,eAAO,MAAM,QAAQ,UAIpB,CAAA"}
1
+ {"version":3,"file":"tailwind-config.d.ts","sourceRoot":"","sources":["../../src/shared/tools/tailwind-config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBvB,CAAA;AAED,eAAO,MAAM,MAAM;;CAElB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,CAAA;AAoBD;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAyC,CAAA;AAC9D,eAAO,MAAM,QAAQ,UAA0C,CAAA;AAC/D,eAAO,MAAM,QAAQ,UAIpB,CAAA"}
@@ -1 +1 @@
1
- export { c as borderRadius, b as boxShadows, d as colorPalette, f as fontSizes, a as fontWeights, h as heights, l as lineHeights, n as neutral1, e as neutral2, g as neutral3, s as scales } from './tailwind-config-0df99c97.js';
1
+ export { c as borderRadius, b as boxShadows, e as colorPalette, f as fontSizes, a as fontWeights, h as heights, l as lineHeights, n as neutral1, g as neutral2, i as neutral3, s as scales, d as spacing } from './tailwind-config-e0e28660.js';