@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/esm/units.js.map

@@ -1 +1 @@
-{"version":3,"file":"units.js","names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,OAAO,EAAE;IACP,GAAG,EAAE,qBAAqB;IAC1B,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,wBAAwB;IAChC,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE;EACT,CAAC;EAEDC,SAAS,EAAE;IACT,WAAW,EAAE,CACX,sCAAsC,EACtC;MAAEC,UAAU,EAAE,wCAAwC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAC1E;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,WAAW,EAAE,CACX,sCAAsC,EACtC;MAAED,UAAU,EAAE,wCAAwC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAC1E;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,WAAW,EAAE,CACX,sCAAsC,EACtC;MAAED,UAAU,EAAE,wCAAwC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAC1E;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IAEDC,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEF,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtGE,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEH,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtGG,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEJ,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtGI,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEL,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAEtG,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IAED,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IACD,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IAEDK,IAAI,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;IAC9DC,IAAI,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;IAC9DC,KAAK,EAAE,CAAC,0BAA0B,EAAE,4BAA4B,CAAC;IACjEC,KAAK,EAAE,CAAC,0BAA0B,EAAE,4BAA4B;EAClE,CAAC;EACDC,WAAW,EAAE;IACX,WAAW,EAAE,wCAAwC;IACrD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,WAAW,EAAE,wCAAwC;IACrD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,WAAW,EAAE,wCAAwC;IACrD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IAEnDR,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtCC,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtCC,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtCC,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IAEtC,aAAa,EAAE,kCAAkC;IACjD,cAAc,EAAE,mCAAmC;IACnD,aAAa,EAAE,kCAAkC;IAEjD,aAAa,EAAE,kCAAkC;IACjD,cAAc,EAAE,mCAAmC;IACnD,aAAa,EAAE,kCAAkC;IACjD,aAAa,EAAE,kCAAkC;IACjDC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,2BAA2B;IACjCC,KAAK,EAAE,4BAA4B;IACnCC,KAAK,EAAE;EACT,CAAC;EACDE,MAAM,EAAE;IACNC,OAAO,EAAE,kCAAkC;IAC3CC,IAAI,EAAE,mCAAmC;IACzCC,IAAI,EAAE,qBAAqB;IAC3BC,QAAQ,EAAE,mCAAmC;IAC7C,aAAa,EAAE,8BAA8B;IAC7C,aAAa,EAAE,8BAA8B;IAC7C,aAAa,EAAE,8BAA8B;IAE7CC,MAAM,EAAE,iCAAiC;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IACzCC,KAAK,EAAE,gCAAgC;IACvC,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,2BAA2B;IACvCC,OAAO,EAAE,kCAAkC;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3CC,MAAM,EAAE,iCAAiC;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IAEzC,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;EACR;AACF,CAAC;AACD,IAAMC,KAAoB,GAAGvB,MAAM;AACnC,SAASuB,KAAK","ignoreList":[]}
+{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\n  spacing: {\n    '0': 'var(--sk-spacing-0)',\n    '0.25': 'var(--sk-spacing-0.25)',\n    '0.5': 'var(--sk-spacing-0.5)',\n    '0.75': 'var(--sk-spacing-0.75)',\n    '1': 'var(--sk-spacing-1)',\n    '2': 'var(--sk-spacing-2)',\n    '3': 'var(--sk-spacing-3)',\n    '4': 'var(--sk-spacing-4)',\n    '5': 'var(--sk-spacing-5)',\n    '6': 'var(--sk-spacing-6)',\n    '7': 'var(--sk-spacing-7)',\n    '8': 'var(--sk-spacing-8)',\n    '9': 'var(--sk-spacing-9)',\n    '10': 'var(--sk-spacing-10)',\n    '11': 'var(--sk-spacing-11)',\n    '12': 'var(--sk-spacing-12)',\n    '13': 'var(--sk-spacing-13)',\n    '14': 'var(--sk-spacing-14)',\n    '15': 'var(--sk-spacing-15)',\n    '16': 'var(--sk-spacing-16)',\n    '17': 'var(--sk-spacing-17)',\n    '18': 'var(--sk-spacing-18)',\n    '19': 'var(--sk-spacing-19)',\n    '20': 'var(--sk-spacing-20)',\n    '22': 'var(--sk-spacing-22)',\n    '24': 'var(--sk-spacing-24)',\n    '26': 'var(--sk-spacing-26)',\n    '28': 'var(--sk-spacing-28)',\n    '30': 'var(--sk-spacing-30)',\n    '32': 'var(--sk-spacing-32)',\n    '34': 'var(--sk-spacing-34)',\n    '36': 'var(--sk-spacing-36)',\n    '38': 'var(--sk-spacing-38)',\n    '40': 'var(--sk-spacing-40)',\n    '42': 'var(--sk-spacing-42)',\n    '44': 'var(--sk-spacing-44)',\n    '46': 'var(--sk-spacing-46)',\n    '48': 'var(--sk-spacing-48)',\n    '50': 'var(--sk-spacing-50)',\n    '52': 'var(--sk-spacing-52)',\n    '54': 'var(--sk-spacing-54)',\n    '56': 'var(--sk-spacing-56)',\n    '58': 'var(--sk-spacing-58)',\n    '60': 'var(--sk-spacing-60)',\n    '62': 'var(--sk-spacing-62)',\n    '64': 'var(--sk-spacing-64)',\n    '68': 'var(--sk-spacing-68)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n    '90': 'var(--sk-spacing-90)',\n    '100': 'var(--sk-spacing-100)',\n  },\n\n  fontSizes: {\n    'display-1': [\n      'var(--sk-fontSize-display-1-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\n    ],\n    'display-1-lg': [\n      'var(--sk-fontSize-display-1-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\n    ],\n    'display-1-md': [\n      'var(--sk-fontSize-display-1-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\n    ],\n    'display-1-sm': [\n      'var(--sk-fontSize-display-1-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\n    ],\n    'display-2': [\n      'var(--sk-fontSize-display-2-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\n    ],\n    'display-2-lg': [\n      'var(--sk-fontSize-display-2-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\n    ],\n    'display-2-md': [\n      'var(--sk-fontSize-display-2-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\n    ],\n    'display-2-sm': [\n      'var(--sk-fontSize-display-2-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\n    ],\n    'display-3': [\n      'var(--sk-fontSize-display-3-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\n    ],\n    'display-3-lg': [\n      'var(--sk-fontSize-display-3-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\n    ],\n    'display-3-md': [\n      'var(--sk-fontSize-display-3-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\n    ],\n    'display-3-sm': [\n      'var(--sk-fontSize-display-3-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\n    ],\n\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\n\n    'label-large': [\n      'var(--sk-fontSize-label-large)',\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\n    ],\n    'label-medium': [\n      'var(--sk-fontSize-label-medium)',\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\n    ],\n    'label-small': [\n      'var(--sk-fontSize-label-small)',\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\n    ],\n\n    'input-large': [\n      'var(--sk-fontSize-input-large)',\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\n    ],\n    'input-medium': [\n      'var(--sk-fontSize-input-medium)',\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\n    ],\n    'input-small': [\n      'var(--sk-fontSize-input-small)',\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\n    ],\n    'logo-header': [\n      'var(--sk-fontSize-logo-header)',\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\n    ],\n\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\n  },\n  lineHeights: {\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\n\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\n\n    'label-large': 'var(--sk-lineHeight-label-large)',\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\n    'label-small': 'var(--sk-lineHeight-label-small)',\n\n    'input-large': 'var(--sk-lineHeight-input-large)',\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\n    'input-small': 'var(--sk-lineHeight-input-small)',\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\n    lead: 'var(--sk-lineHeight-lead)',\n    base: 'var(--sk-lineHeight-base)',\n    large: 'var(--sk-lineHeight-large)',\n    small: 'var(--sk-lineHeight-small)',\n  },\n  radius: {\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\n    full: 'var(--sk-radius-circular-DEFAULT)',\n    none: 'var(--sk-spacing-0)',\n    circular: 'var(--sk-radius-circular-DEFAULT)',\n    'circular-lg': 'var(--sk-radius-circular-lg)',\n    'circular-md': 'var(--sk-radius-circular-md)',\n    'circular-sm': 'var(--sk-radius-circular-sm)',\n\n    button: 'var(--sk-radius-button-DEFAULT)',\n    'button-lg': 'var(--sk-radius-button-lg)',\n    'button-md': 'var(--sk-radius-button-md)',\n    'button-sm': 'var(--sk-radius-button-sm)',\n    cards: 'var(--sk-radius-cards-DEFAULT)',\n    'cards-lg': 'var(--sk-radius-cards-lg)',\n    'cards-md': 'var(--sk-radius-cards-md)',\n    'cards-sm': 'var(--sk-radius-cards-sm)',\n    utility: 'var(--sk-radius-utility-DEFAULT)',\n    'utility-lg': 'var(--sk-radius-utility-lg)',\n    'utility-md': 'var(--sk-radius-utility-md)',\n    'utility-sm': 'var(--sk-radius-utility-sm)',\n    groups: 'var(--sk-radius-groups-DEFAULT)',\n    'groups-lg': 'var(--sk-radius-groups-lg)',\n    'groups-md': 'var(--sk-radius-groups-md)',\n    'groups-sm': 'var(--sk-radius-groups-sm)',\n\n    '0': 'var(--sk-spacing-0)',\n    '2': 'var(--sk-spacing-2)',\n    '4': 'var(--sk-spacing-4)',\n    '6': 'var(--sk-spacing-6)',\n    '8': 'var(--sk-spacing-8)',\n    '10': 'var(--sk-spacing-10)',\n    '12': 'var(--sk-spacing-12)',\n    '14': 'var(--sk-spacing-14)',\n    '16': 'var(--sk-spacing-16)',\n    '18': 'var(--sk-spacing-18)',\n    '20': 'var(--sk-spacing-20)',\n    '24': 'var(--sk-spacing-24)',\n    '32': 'var(--sk-spacing-32)',\n    '40': 'var(--sk-spacing-40)',\n    '48': 'var(--sk-spacing-48)',\n    '56': 'var(--sk-spacing-56)',\n    '64': 'var(--sk-spacing-64)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n  },\n};\nconst units: typeof _units = _units;\nexport { units };\n"],"names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"mappings":"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"}

package/dist/esm/with-opacity.js

@@ -1,11 +1,10 @@
 var withOpacity = function withOpacity(variableName) {
-  return _ref => {
-    var {
-      opacityValue
-    } = _ref;
-    if (opacityValue) return "rgba(var(" + variableName + "), " + opacityValue + ")";
-    return "rgb(var(" + variableName + "))";
-  };
+    return function(param) {
+        var opacityValue = param.opacityValue;
+        if (opacityValue) return "rgba(var(".concat(variableName, "), ").concat(opacityValue, ")");
+        return "rgb(var(".concat(variableName, "))");
+    };
 };
 export default withOpacity;
+
 //# sourceMappingURL=with-opacity.js.map

package/dist/esm/with-opacity.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-opacity.js","names":["withOpacity","variableName","_ref","opacityValue"],"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"mappings":"AAAA,IAAMA,WAAW,GAAG,SAASA,WAAWA,CAACC,YAAoB,EAAE;EAC7D,OAAOC,IAAA,IAAgD;IAAA,IAA/C;MAAEC;IAAuC,CAAC,GAAAD,IAAA;IAChD,IAAIC,YAAY,EAAE,qBAAmBF,YAAY,WAAME,YAAY;IACnE,oBAAkBF,YAAY;EAChC,CAAC;AACH,CAAC;AACD,eAAeD,WAAW","ignoreList":[]}
+{"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":"AAAA,IAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO;YAAGC,qBAAAA;QACR,IAAIA,cAAc,OAAO,AAAC,YAA6BA,OAAlBD,cAAa,OAAkB,OAAbC,cAAa;QACpE,OAAO,AAAC,WAAuB,OAAbD,cAAa;IACjC;AACF;AACA,eAAeD,YAAY"}

package/dist/types/colors.d.ts

@@ -375,6 +375,41 @@ declare const colors: {
             secondary: string;
         };
     };
+    'input-field': {
+        outline: {
+            DEFAULT: string;
+            hover: string;
+            disabled: string;
+        };
+        surface: {
+            DEFAULT: string;
+            disabled: string;
+            focus: string;
+        };
+    };
+    switch: {
+        surface: {
+            DEFAULT: string;
+            on: string;
+            disabled: string;
+            hover: string;
+        };
+        control: {
+            DEFAULT: string;
+            disabled: string;
+            on: string;
+        };
+    };
+    'menu-item': {
+        surface: {
+            open: string;
+            hover: string;
+            active: string;
+        };
+        node: {
+            line: string;
+        };
+    };
     inverted: {
         body: string;
         black: string;
@@ -638,6 +673,41 @@ declare const colors: {
                 secondary: string;
             };
         };
+        'input-field': {
+            outline: {
+                DEFAULT: string;
+                hover: string;
+                disabled: string;
+            };
+            surface: {
+                DEFAULT: string;
+                disabled: string;
+                focus: string;
+            };
+        };
+        switch: {
+            surface: {
+                DEFAULT: string;
+                on: string;
+                disabled: string;
+                hover: string;
+            };
+            control: {
+                DEFAULT: string;
+                disabled: string;
+                on: string;
+            };
+        };
+        'menu-item': {
+            surface: {
+                open: string;
+                hover: string;
+                active: string;
+            };
+            node: {
+                line: string;
+            };
+        };
     };
 };
 export { colors };

package/dist/types/components/checkbox.d.ts

@@ -14,8 +14,8 @@ export declare const Checkbox: () => {
         };
         '+ .sk-icon': {
             '@apply absolute inset-0 my-auto bg-transparent': {};
-            '@apply border-1 p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {};
-            '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {};
+            '@apply border-1 p-2 border-input-field-outline': {};
+            '@apply bg-input-field-surface': {};
             svg: {
                 '@apply hidden': {};
             };
@@ -32,9 +32,9 @@ export declare const Checkbox: () => {
         '&[type="checkbox"]:checked': {
             '@apply text-transparent': {};
         };
-        '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])': {
+        '&&:hover:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true])': {
             '& + .sk-icon, &:focus + .sk-icon': {
-                '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4': {};
+                '@apply text-dark-placeholder border-input-field-outline-hover': {};
                 svg: {
                     '@apply block': {};
                 };
@@ -54,19 +54,35 @@ export declare const Checkbox: () => {
             };
         };
         '&&-disabled,&&-disabled:hover': {
-            '@apply cursor-not-allowed': {};
             '& + .sk-icon': {
-                '@apply bg-background-200 border-primitives-overlay-darken-3': {};
+                '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {};
             };
             '&:checked': {
                 '& + .sk-icon': {
-                    '@apply bg-dark-disabled text-light-primary border-0': {};
+                    '@apply bg-dark-disabled text-light-primary border-transparent': {};
                 };
             };
             '& ~ .sk-form-checkbox-label': {
                 '@apply text-dark-disabled': {};
             };
         };
+        '&[readonly], &[readonly="true"]': {
+            '@apply border-input-field-outline-disabled': {};
+            '@apply bg-input-field-surface-disabled': {};
+            '&:hover:checked': {
+                '& + .sk-icon': {
+                    '@apply bg-dark-secondary border-dark-secondary text-light-primary': {};
+                };
+            };
+            '&:checked': {
+                '& + .sk-icon': {
+                    '@apply bg-dark-secondary border-dark-secondary text-light-primary': {};
+                };
+            };
+            '& ~ .sk-form-checkbox-label': {
+                '@apply text-dark-secondary': {};
+            };
+        };
         '&-label-left &-label': {
             '@apply mr-8': {};
         };

package/dist/types/components/combobox.d.ts

@@ -47,8 +47,7 @@ export declare const ComboBox: () => {
             '@apply focus:border-transparent': {};
             '@apply focus:hover:border-transparent': {};
             '&.active': {
-                '@apply bg-primitives-overlay-lighten-10': {};
-                '@apply dark:bg-primitives-overlay-darken-6': {};
+                '@apply bg-input-field-surface hover:bg-input-field-surface': {};
                 '@apply placeholder:text-dark-placeholder': {};
                 '@apply text-dark-primary': {};
                 '@apply border-transparent': {};

package/dist/types/components/input.d.ts

@@ -58,35 +58,33 @@ export declare const Input: () => {
                 '@apply grow': {};
             };
             '@apply border-1': {};
-            '@apply border-primitives-overlay-darken-6': {};
-            '@apply dark:border-primitives-overlay-lighten-6': {};
-            '@apply hover:border-primitives-overlay-darken-8': {};
-            '@apply dark:hover:border-primitives-overlay-lighten-4': {};
+            '@apply border-input-field-outline': {};
+            '@apply hover:border-input-field-outline-hover': {};
             '@apply placeholder:text-dark-placeholder': {};
-            '@apply bg-primitives-overlay-lighten-10': {};
-            '@apply dark:bg-primitives-overlay-darken-6': {};
+            '@apply bg-input-field-surface': {};
             '&:invalid, &[aria-invalid="true"]': {
                 '@apply border-2 border-error-surface-primary': {};
             };
             '&:disabled, &[aria-disabled="true"]': {
-                '@apply bg-primitives-overlay-darken-1': {};
-                '@apply dark:bg-primitives-overlay-lighten-1': {};
-                '@apply border-primitives-overlay-darken-3': {};
-                '@apply dark:border-primitives-overlay-lighten-3': {};
-                '@apply hover:border-primitives-overlay-darken-3': {};
-                '@apply dark:hover:border-primitives-overlay-lighten-3': {};
+                '@apply bg-input-field-surface-disabled': {};
+                '@apply border-input-field-outline-disabled': {};
+                '@apply hover:border-input-field-outline-disabled': {};
                 '@apply text-dark-disabled': {};
             };
+            '&:read-only': {
+                '@apply bg-input-field-surface': {};
+                '@apply border-input-field-outline-disabled': {};
+                '@apply text-dark-secondary': {};
+                '@apply placeholder:text-dark-secondary': {};
+            };
             '@apply flex relative': {};
             '@apply items-center': {};
             '@apply focus-within:ring': {};
             '@apply focus-within:ring-ring': {};
             '@apply text-dark-secondary': {};
-            '@apply focus-within:border-primitives-overlay-lighten-10': {};
-            '@apply dark:focus-within:border-primitives-overlay-darken-6': {};
+            '@apply focus-within:border-input-field-surface': {};
             '&:not(:invalid):not([aria-invalid="true"])': {
-                '@apply focus-within:hover:border-primitives-overlay-lighten-10': {};
-                '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {};
+                '@apply focus-within:border-input-field-surface': {};
             };
             '&&-lg': {
                 '@apply text-input-large': {};
@@ -102,25 +100,25 @@ export declare const Input: () => {
             };
         };
         '@apply border-1': {};
-        '@apply border-primitives-overlay-darken-6': {};
-        '@apply dark:border-primitives-overlay-lighten-6': {};
-        '@apply hover:border-primitives-overlay-darken-8': {};
-        '@apply dark:hover:border-primitives-overlay-lighten-4': {};
+        '@apply border-input-field-outline': {};
+        '@apply hover:border-input-field-outline-hover': {};
         '@apply placeholder:text-dark-placeholder': {};
-        '@apply bg-primitives-overlay-lighten-10': {};
-        '@apply dark:bg-primitives-overlay-darken-6': {};
+        '@apply bg-input-field-surface': {};
         '&:invalid, &[aria-invalid="true"]': {
             '@apply border-2 border-error-surface-primary': {};
         };
         '&:disabled, &[aria-disabled="true"]': {
-            '@apply bg-primitives-overlay-darken-1': {};
-            '@apply dark:bg-primitives-overlay-lighten-1': {};
-            '@apply border-primitives-overlay-darken-3': {};
-            '@apply dark:border-primitives-overlay-lighten-3': {};
-            '@apply hover:border-primitives-overlay-darken-3': {};
-            '@apply dark:hover:border-primitives-overlay-lighten-3': {};
+            '@apply bg-input-field-surface-disabled': {};
+            '@apply border-input-field-outline-disabled': {};
+            '@apply hover:border-input-field-outline-disabled': {};
             '@apply text-dark-disabled': {};
         };
+        '&:read-only': {
+            '@apply bg-input-field-surface': {};
+            '@apply border-input-field-outline-disabled': {};
+            '@apply text-dark-secondary': {};
+            '@apply placeholder:text-dark-secondary': {};
+        };
         '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
             '@apply block': {};
             '@apply p-0': {};
@@ -202,16 +200,13 @@ export declare const Input: () => {
         '@apply focus:ring': {};
         '@apply focus:ring-ring': {};
         '@apply focus:ring-offset': {};
-        '@apply focus:border-primitives-overlay-lighten-10': {};
-        '@apply dark:focus:border-primitives-overlay-darken-6': {};
+        '@apply focus:border-input-field-surface': {};
         '@apply focus-within:ring': {};
         '@apply focus-within:ring-ring': {};
         '@apply focus-within:ring-offset': {};
-        '@apply focus-within:border-primitives-overlay-lighten-10': {};
-        '@apply dark:focus-within:border-primitives-overlay-darken-6': {};
+        '@apply focus-within:border-input-field-surface': {};
         '&:not(:invalid):not([aria-invalid="true"])': {
-            '@apply focus:hover:border-primitives-overlay-lighten-10': {};
-            '@apply dark:focus:hover:border-primitives-overlay-darken-6': {};
+            '@apply focus:hover:border-input-field-surface': {};
         };
     };
 };

package/dist/types/components/popup-menu.d.ts

@@ -63,8 +63,7 @@ export declare const PopupMenu: () => {
             '@apply w-full': {};
             '@apply h-40': {};
             '@apply min-h-40': {};
-            '@apply bg-transparent hover:bg-primitives-gray-200': {};
-            '@apply dark:hover:bg-primitives-overlay-lighten-1': {};
+            '@apply bg-transparent hover:bg-menu-item-surface-hover': {};
             '@apply cursor-pointer': {};
             '@apply flex flex-row shrink-0': {};
             '@apply pl-8 pr-8 py-4 gap-12': {};
@@ -76,8 +75,7 @@ export declare const PopupMenu: () => {
                 '@apply max-w-full': {};
             };
             '&:focus-visible, &:focus-within': {
-                '@apply bg-primitives-gray-200': {};
-                '@apply dark:bg-primitives-overlay-lighten-1': {};
+                '@apply bg-menu-item-surface-hover': {};
             };
             svg: {
                 '@apply w-20 h-20': {};
@@ -113,8 +111,7 @@ export declare const PopupMenu: () => {
             };
             '&:focus-within': {
                 '.sk-popup-menu-item.active': {
-                    '@apply bg-primitives-gray-200': {};
-                    '@apply dark:bg-primitives-overlay-lighten-1': {};
+                    '@apply bg-menu-item-surface-hover': {};
                 };
             };
         };

package/dist/types/components/radio.d.ts

@@ -3,16 +3,13 @@ export declare const Radio: () => {
         backgroundImage: string;
         '@apply relative': {};
         '@apply box-border': {};
-        '@apply bg-primitives-overlay-lighten-10': {};
-        '@apply dark:bg-primitives-overlay-darken-6': {};
+        '@apply bg-input-field-surface': {};
         '@apply border-1': {};
-        '@apply border-primitives-overlay-darken-6': {};
-        '@apply dark:border-primitives-overlay-lighten-6': {};
+        '@apply border-input-field-outline': {};
         '@apply m-0': {};
         '@apply h-24 w-24': {};
         '@apply hover:after:content-[""]': {};
-        '@apply hover:border-primitives-overlay-darken-8': {};
-        '@apply hover:dark:border-primitives-overlay-lighten-4': {};
+        '@apply hover:border-input-field-outline-hover': {};
         '&::after': {
             '@apply absolute': {};
             '@apply rounded-full': {};
@@ -31,26 +28,20 @@ export declare const Radio: () => {
             '@apply hover:border-error-surface-primary': {};
         };
         '&:checked, &[checked="true"]': {
-            '@apply bg-primitives-overlay-lighten-10': {};
-            '@apply dark:bg-primitives-overlay-darken-6': {};
-            '@apply hover:bg-primitives-overlay-lighten-10': {};
-            '@apply hover:dark:bg-primitives-overlay-darken-6': {};
-            '@apply focus:bg-primitives-overlay-lighten-10': {};
-            '@apply focus:dark:bg-primitives-overlay-darken-6': {};
-            '@apply text-primitives-overlay-lighten-10': {};
-            '@apply dark:text-primitives-overlay-darken-6': {};
-            '@apply hover:text-primitives-overlay-lighten-10': {};
-            '@apply hover:dark:text-primitives-overlay-darken-6': {};
-            '@apply focus:text-primitives-overlay-lighten-10': {};
-            '@apply focus:dark:text-primitives-overlay-darken-6': {};
-            '@apply border-primitives-overlay-darken-6': {};
-            '@apply focus:border-primitives-overlay-darken-6': {};
-            '@apply dark:border-primitives-overlay-lighten-6': {};
-            '@apply hover:border-primitives-overlay-darken-8': {};
-            '@apply hover:dark:border-primitives-overlay-lighten-4': {};
+            '@apply bg-input-field-surface': {};
+            '@apply hover:bg-input-field-surface': {};
+            '@apply focus:bg-input-field-surface': {};
+            '@apply text-input-field-surface': {};
+            '@apply border-input-field-outline': {};
+            '@apply hover:text-input-field-surface': {};
+            '@apply focus:text-input-field-surface': {};
+            '@apply focus:border-input-field-outline': {};
+            '@apply focus:hover:border-input-field-outline-hover': {};
+            '@apply hover:border-input-field-outline-hover': {};
             '@apply focus:outline-0': {};
             '@apply focus:ring-0 focus:ring-offset-0': {};
             '@apply focus-visible:ring': {};
+            '@apply focus-visible:hover:border-transparent': {};
             '@apply focus-visible:border-transparent': {};
             '@apply after:content-[""]': {};
             '&[aria-invalid="true"]': {
@@ -67,22 +58,29 @@ export declare const Radio: () => {
             '@apply ring-0 ring-offset-0': {};
         };
         '&:disabled, &[disabled="true"]': {
-            '@apply border-primitives-overlay-darken-3': {};
-            '@apply dark:border-primitives-overlay-lighten-3': {};
-            '@apply hover:border-primitives-overlay-darken-3': {};
-            '@apply hover:dark:border-primitives-overlay-lighten-3': {};
-            '@apply bg-background-200': {};
-            '@apply hover:bg-background-200': {};
+            '@apply border-input-field-outline-disabled': {};
+            '@apply hover:border-input-field-outline-disabled': {};
+            '@apply bg-input-field-surface-disabled': {};
+            '@apply hover:bg-input-field-surface-disabled': {};
             '@apply cursor-not-allowed': {};
             '&:not(:checked):not([checked="true"]):after': {
                 '@apply hidden': {};
             };
             '&:checked, &[checked="true"]': {
+                '@apply border-input-field-outline-disabled': {};
                 '&::after': {
                     '@apply bg-dark-disabled': {};
                 };
             };
         };
+        '&[readonly], &[readonly="true"]': {
+            '@apply bg-input-field-surface-disabled': {};
+            '@apply border-input-field-outline-disabled': {};
+            '@apply hover:border-input-field-outline-disabled': {};
+            '&:not(:checked):not([checked="true"]):after': {
+                '@apply hidden': {};
+            };
+        };
         '&-label': {
             '@apply inline-flex align-top items-center': {};
             '@apply font-normal': {};

package/dist/types/components/select.d.ts

@@ -3,14 +3,11 @@ export declare const Select: () => {
         '*': {
             '@apply bg-background-content': {};
         };
-        '&[aria-invalid="true"]': {
-            '@apply border-2 border-error-surface-primary': {};
-        };
-        '&[aria-disabled="true"]': {
-            '@apply opacity-100': {};
-            '@apply text-dark-disabled': {};
-            '@apply placeholder:text-dark-disabled': {};
-            '@apply bg-tertiary-surface-disabled': {};
+        '&[readonly], &[readonly="true"]': {
+            '@apply border-input-field-outline-disabled': {};
+            '@apply bg-input-field-surface-disabled': {};
+            '@apply text-dark-secondary': {};
+            '@apply pointer-events-none': {};
             backgroundImage: string[];
         };
         '&-sm': {
@@ -39,14 +36,10 @@ export declare const Select: () => {
         };
         '&-primary': {
             '@apply border-1': {};
-            '@apply border-primitives-overlay-darken-6': {};
-            '@apply dark:border-primitives-overlay-lighten-6': {};
-            '@apply hover:border-primitives-overlay-darken-8': {};
-            '@apply dark:hover:border-primitives-overlay-lighten-4': {};
-            '@apply bg-primitives-overlay-lighten-10': {};
-            '@apply dark:bg-primitives-overlay-darken-6': {};
-            '@apply hover:bg-primitives-overlay-lighten-10': {};
-            '@apply dark:hover:bg-primitives-overlay-darken-6': {};
+            '@apply border-input-field-outline': {};
+            '@apply hover:border-input-field-outline-hover': {};
+            '@apply bg-input-field-surface': {};
+            '@apply hover:bg-input-field-surface': {};
             '&.sk-form-select-sm': {
                 '@apply pl-13': {};
                 '@apply bg-[center_right_0.643em]': {};
@@ -77,13 +70,11 @@ export declare const Select: () => {
                     '@apply pr-48': {};
                 };
             };
-            '&[aria-disabled="true"]': {
-                '@apply bg-primitives-overlay-darken-1': {};
-                '@apply dark:bg-primitives-overlay-lighten-1': {};
-                '@apply border-primitives-overlay-darken-3': {};
-                '@apply dark:border-primitives-overlay-lighten-3': {};
-                '@apply hover:border-primitives-overlay-darken-3': {};
-                '@apply dark:hover:border-primitives-overlay-lighten-3': {};
+            '&[aria-disabled="true"],&:disabled': {
+                '@apply bg-input-field-surface-disabled': {};
+                '@apply hover:bg-input-field-surface-disabled': {};
+                '@apply border-input-field-outline-disabled': {};
+                '@apply hover:border-input-field-outline-disabled': {};
             };
         };
         '&-tertiary': {
@@ -128,6 +119,16 @@ export declare const Select: () => {
         '&:hover, &:focus': {
             backgroundImage: string[];
         };
+        '&[aria-invalid="true"]': {
+            '@apply border-2 border-error-surface-primary': {};
+        };
+        '&[aria-disabled="true"]': {
+            '@apply opacity-100': {};
+            '@apply text-dark-disabled': {};
+            '@apply placeholder:text-dark-disabled': {};
+            '@apply bg-tertiary-surface-disabled': {};
+            backgroundImage: string[];
+        };
     };
     '.dark .sk-form-select': {
         backgroundImage: string[];

package/dist/types/components/switch.d.ts

@@ -12,8 +12,8 @@ export declare const Switch: () => {
     };
     '.sk-form-switch': {
         '@apply rounded-full cursor-pointer focus:outline-none': {};
-        '@apply bg-primitives-overlay-darken-3 dark:bg-primitives-overlay-lighten-3': {};
-        '@apply hover:bg-primitives-overlay-darken-5 hover:dark:bg-primitives-overlay-lighten-4': {};
+        '@apply bg-switch-surface': {};
+        '@apply hover:bg-switch-surface-hover': {};
         'input[type=checkbox]:focus-visible + &': {
             '@apply ring ring-blue-500': {};
         };
@@ -31,13 +31,14 @@ export declare const Switch: () => {
             };
             '.sk-form-switch-box': {
                 transform: string;
+                '@apply bg-switch-control-on': {};
             };
-            '@apply bg-primitives-overlay-darken-4 dark:bg-primitives-overlay-lighten-5': {};
+            '@apply bg-switch-surface-on': {};
             "&[data-disabled=\"true\"]": {
                 '.sk-form-switch-box': {
-                    '@apply bg-transparent': {};
+                    '@apply bg-switch-control-disabled': {};
                     '.sk-form-switch-icon': {
-                        '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {};
+                        '@apply opacity-0': {};
                         '@apply text-light-primary': {};
                     };
                 };
@@ -45,16 +46,16 @@ export declare const Switch: () => {
         };
         "&[data-disabled=\"true\"]": {
             '@apply cursor-default': {};
-            '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {};
+            '@apply bg-switch-surface-disabled': {};
             '.sk-form-switch-box': {
-                '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {};
+                '@apply bg-switch-control-disabled': {};
             };
         };
         '@apply w-56': {};
     };
     '.sk-form-switch-box': {
         '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {};
-        '@apply bg-primitives-overlay-darken-7 dark:bg-primitives-overlay-lighten-7': {};
+        '@apply bg-switch-control': {};
         '@apply h-20 w-20': {};
         '@apply flex justify-center items-center object-center': {};
         '.sk-form-switch-icon': {