@sk-web-gui/core 0.1.91 → 0.1.93

package/dist/esm/units.js

@@ -0,0 +1,250 @@
+module.exports = {
+  spacing: {
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  },
+  fontSizes: {
+    'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-1-lg': ['var(--sk-fontSize-display-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-lg)',
+      fontWeight: 700
+    }],
+    'display-1-md': ['var(--sk-fontSize-display-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-md)',
+      fontWeight: 700
+    }],
+    'display-1-sm': ['var(--sk-fontSize-display-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-sm)',
+      fontWeight: 700
+    }],
+    'display-2': ['var(--sk-fontSize-display-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-2-lg': ['var(--sk-fontSize-display-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-lg)',
+      fontWeight: 700
+    }],
+    'display-2-md': ['var(--sk-fontSize-display-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-md)',
+      fontWeight: 700
+    }],
+    'display-2-sm': ['var(--sk-fontSize-display-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-sm)',
+      fontWeight: 700
+    }],
+    'display-3': ['var(--sk-fontSize-display-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-3-lg': ['var(--sk-fontSize-display-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-lg)',
+      fontWeight: 700
+    }],
+    'display-3-md': ['var(--sk-fontSize-display-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-md)',
+      fontWeight: 700
+    }],
+    'display-3-sm': ['var(--sk-fontSize-display-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-sm)',
+      fontWeight: 700
+    }],
+    h1: ['var(--sk-fontSize-h-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h1-lg': ['var(--sk-fontSize-h-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-lg)',
+      fontWeight: 700
+    }],
+    'h1-md': ['var(--sk-fontSize-h-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-md)',
+      fontWeight: 700
+    }],
+    'h1-sm': ['var(--sk-fontSize-h-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-sm)',
+      fontWeight: 700
+    }],
+    h2: ['var(--sk-fontSize-h-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h2-lg': ['var(--sk-fontSize-h-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-lg)',
+      fontWeight: 700
+    }],
+    'h2-md': ['var(--sk-fontSize-h-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-md)',
+      fontWeight: 700
+    }],
+    'h2-sm': ['var(--sk-fontSize-h-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-sm)',
+      fontWeight: 700
+    }],
+    h3: ['var(--sk-fontSize-h-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h3-lg': ['var(--sk-fontSize-h-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-lg)',
+      fontWeight: 700
+    }],
+    'h3-md': ['var(--sk-fontSize-h-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-md)',
+      fontWeight: 700
+    }],
+    'h3-sm': ['var(--sk-fontSize-h-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-sm)',
+      fontWeight: 700
+    }],
+    h4: ['var(--sk-fontSize-h-4-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h4-lg': ['var(--sk-fontSize-h-4-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-lg)',
+      fontWeight: 700
+    }],
+    'h4-md': ['var(--sk-fontSize-h-4-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-md)',
+      fontWeight: 700
+    }],
+    'h4-sm': ['var(--sk-fontSize-h-4-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-sm)',
+      fontWeight: 700
+    }],
+    'label-large': ['var(--sk-fontSize-label-large)', {
+      lineHeight: 'var(--sk-lineHeight-label-large)',
+      fontWeight: 700
+    }],
+    'label-medium': ['var(--sk-fontSize-label-medium)', {
+      lineHeight: 'var(--sk-lineHeight-label-medium)',
+      fontWeight: 700
+    }],
+    'label-small': ['var(--sk-fontSize-label-small)', {
+      lineHeight: 'var(--sk-lineHeight-label-small)',
+      fontWeight: 700
+    }],
+    'input-large': ['var(--sk-fontSize-input-large)', {
+      lineHeight: 'var(--sk-lineHeight-input-large)',
+      fontWeight: 400
+    }],
+    'input-medium': ['var(--sk-fontSize-input-medium)', {
+      lineHeight: 'var(--sk-lineHeight-input-medium)',
+      fontWeight: 400
+    }],
+    'input-small': ['var(--sk-fontSize-input-small)', {
+      lineHeight: 'var(--sk-lineHeight-input-small)',
+      fontWeight: 400
+    }],
+    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],
+    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],
+    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],
+    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)']
+  },
+  lineHeights: {
+    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',
+    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',
+    'display-1-md': 'var(--sk-lineHeight-display-1-md)',
+    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',
+    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',
+    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',
+    'display-2-md': 'var(--sk-lineHeight-display-2-md)',
+    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',
+    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',
+    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',
+    'display-3-md': 'var(--sk-lineHeight-display-3-md)',
+    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',
+    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',
+    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',
+    'h1-md': 'var(--sk-lineHeight-h-1-md)',
+    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',
+    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',
+    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',
+    'h2-md': 'var(--sk-lineHeight-h-2-md)',
+    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',
+    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',
+    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',
+    'h3-md': 'var(--sk-lineHeight-h-3-md)',
+    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',
+    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',
+    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',
+    'h4-md': 'var(--sk-lineHeight-h-4-md)',
+    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',
+    'label-large': 'var(--sk-lineHeight-label-large)',
+    'label-medium': 'var(--sk-lineHeight-label-medium)',
+    'label-small': 'var(--sk-lineHeight-label-small)',
+    'input-large': 'var(--sk-lineHeight-input-large)',
+    'input-medium': 'var(--sk-lineHeight-input-medium)',
+    'input-small': 'var(--sk-lineHeight-input-small)',
+    lead: 'var(--sk-lineHeight-lead)',
+    base: 'var(--sk-lineHeight-base)',
+    large: 'var(--sk-lineHeight-large)',
+    small: 'var(--sk-lineHeight-small)'
+  },
+  radius: {
+    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',
+    full: 'var(--sk-radius-circular-DEFAULT)',
+    none: 'var(--sk-spacing-0)',
+    circular: 'var(--sk-radius-circular-DEFAULT)',
+    'circular-lg': 'var(--sk-radius-circular-lg)',
+    'circular-md': 'var(--sk-radius-circular-md)',
+    'circular-sm': 'var(--sk-radius-circular-sm)',
+    button: 'var(--sk-radius-button-DEFAULT)',
+    'button-lg': 'var(--sk-radius-button-lg)',
+    'button-md': 'var(--sk-radius-button-md)',
+    'button-sm': 'var(--sk-radius-button-sm)',
+    cards: 'var(--sk-radius-cards-DEFAULT)',
+    'cards-lg': 'var(--sk-radius-cards-lg)',
+    'cards-md': 'var(--sk-radius-cards-md)',
+    'cards-sm': 'var(--sk-radius-cards-sm)',
+    utility: 'var(--sk-radius-utility-DEFAULT)',
+    'utility-lg': 'var(--sk-radius-utility-lg)',
+    'utility-md': 'var(--sk-radius-utility-md)',
+    'utility-sm': 'var(--sk-radius-utility-sm)',
+    groups: 'var(--sk-radius-groups-DEFAULT)',
+    'groups-lg': 'var(--sk-radius-groups-lg)',
+    'groups-md': 'var(--sk-radius-groups-md)',
+    'groups-sm': 'var(--sk-radius-groups-sm)',
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  }
+};
+//# sourceMappingURL=units.js.map

package/dist/esm/units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.js","names":["module","exports","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"sources":["../../src/units.js"],"sourcesContent":["module.exports = {\r\n  spacing: {\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\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\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: 700 },\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: 700 },\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: 700 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\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: 700 },\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: 700 },\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: 700 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\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: 700 },\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: 700 },\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: 700 },\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\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\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\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.91",
+  "version": "0.1.93",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "@sk-web-gui/theme": "0.1.14",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "8ce13f8965fe40635ffd5bb3295965c1d9e0d8b5"
+  "gitHead": "aba6dcf10c25d42b44a4f7a500c1eafdb1911935"
 }

package/src/components/badge.js

@@ -19,7 +19,7 @@ function badgeSolid(colors) {
         '@apply bg-primary': {},
       },
       "&[data-color='warning']": {
-        '@apply bg-warning': {},
+        '@apply bg-[#B05F03]': {},
       },
       "&[data-color='error']": {
         '@apply bg-error': {},
@@ -62,8 +62,8 @@ function badgeOutline(colors) {
         '@apply text-primary': {},
       },
       "&[data-color='warning']": {
-        '@apply border-warning': {},
-        '@apply text-warning': {},
+        '@apply border-[#B05F03]': {},
+        '@apply text-[#B05F03]': {},
       },
       "&[data-color='error']": {
         '@apply border-error': {},

package/src/components/button.js

@@ -274,11 +274,19 @@ module.exports = Button = (colors) => ({
     ...buttonLink(colors),
   },
   '.btn-has-icon': {
-    '&-left .MuiSvgIcon-root': {
-      '@apply mr-sm': {},
+    '&-left': {
+      '@apply h-full flex items-center justify-center': {},
+
+      '.MuiSvgIcon-root': {
+        '@apply mr-sm': {},
+      },
     },
-    '&-right .MuiSvgIcon-root': {
-      '@apply ml-sm': {},
+    '&-right': {
+      '@apply h-full flex items-center justify-center': {},
+
+      '.MuiSvgIcon-root': {
+        '@apply ml-sm': {},
+      },
     },
   },
   '[data-icon=true]': {
@@ -301,11 +309,15 @@ module.exports = Button = (colors) => ({
       maxWidth: '4.8rem',
     },
     '.btn-has-icon': {
-      '&-left .MuiSvgIcon-root': {
-        '@apply mr-0': {},
+      '&-left': {
+        '.MuiSvgIcon-root': {
+          '@apply mr-0': {},
+        },
       },
-      '&-right .MuiSvgIcon-root': {
-        '@apply ml-0': {},
+      '&-right': {
+        '.MuiSvgIcon-root': {
+          '@apply ml-0': {},
+        },
       },
     },
   },

package/src/components/comments.js

@@ -1,38 +1,34 @@
-module.exports = Comments = () => ({ 
+module.exports = Comments = () => ({
+  '.comment-header': {
+    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},
+  },
 
-    '.comment-header': {
-        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},
-    },
-
-    '.comment-item':{
-        '@apply w-full': {},
+  '.comment-item': {
+    '@apply w-full': {},
 
-        '&-container': {
-            '@apply flex justify-between relative': {},
+    '&-container': {
+      '@apply flex relative w-full': {},
 
-            '&-textpic': {
-                '@apply flex gap-2': {},
-            },
-        },
-        '&-text': {
-            '@apply text-base font-bold mx-0 mb-0 mt-4': {},
-        },
-        '&-commentorpublished': {
-            '@apply float-right text-neutral-600 m-0': {},
-        },
+      '&-textpic': {
+        '@apply flex gap-2 grow': {},
+      },
     },
-    '.comment-input':{
-        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
-
-        '&-inactive': {
-            '@apply text-neutral-300 !text-3xl': {},
-        },
-
-        '&-active': {
-            '@apply text-primary !text-3xl': {},
-        }
+    '&-text': {
+      '@apply text-base font-bold mx-0 mb-0 mt-4': {},
+    },
+    '&-commentorpublished': {
+      '@apply float-right text-neutral-600 m-0': {},
+    },
+  },
+  '.comment-input': {
+    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
 
+    '&-inactive': {
+      '@apply text-neutral-300 !text-3xl': {},
     },
 
-   
-});
+    '&-active': {
+      '@apply text-primary !text-3xl': {},
+    },
+  },
+});

package/src/components/context-menu.js

@@ -1,10 +1,48 @@
 module.exports = ContextMenu = () => ({
   '.context-menu-wrapper': {
+    '@apply relative inline': {},
+
+    '> a, > button': {
+      '@apply inline-flex': {},
+    },
+
     '.context-menu-items': {
-      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':
+      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':
         {},
       '.context-menu-item': {
-        '@apply px-sm': {},
+        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':
+          {},
+
+        'a, button': {
+          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':
+            {},
+
+          '&.active': {
+            '@apply bg-primary text-white': {},
+          },
+
+          '.MuiSvgIcon-root': {
+            '@apply text-base': {},
+          },
+        },
+
+        '&:first-child a,&:first-child button': {
+          '@apply pt-[0.675rem] pb-[0.525rem]': {},
+        },
+        '&:last-child a,&:last-child button': {
+          '@apply pt-[0.525rem] pb-[0.675rem]': {},
+        },
+        '&:only-child a,&:only-child button': {
+          '@apply py-[0.6rem]': {},
+        },
+      },
+
+      hr: {
+        '@apply mx-sm w-[calc(100%_-_16px)]': {},
+      },
+
+      '&.right': {
+        '@apply right-0': {},
       },
     },
   },

package/src/components/link.js

@@ -16,6 +16,10 @@ module.exports = Link = () => ({
       verticalAlign: 'text-top',
     },
 
+    '&[type="button"]': {
+      '@apply inline-flex items-center align-bottom': {},
+    },
+
     '&-disabled': {
       '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},
     },

package/src/components/side-menu.js

@@ -54,23 +54,39 @@ module.exports = Menu = () => ({
         },
       },
 
-      '.expand path': {
-        '@apply fill-primary': {},
-      },
-
       '& .sk-sidemenu-wrapper': {
         '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
 
         '.sk-sidemenu-item-link': {
           '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
           '@apply focus-visible:z-base': {},
+
+          '&[aria-disabled="true"]': {
+            '@apply text-neutral-600 cursor-not-allowed': {},
+
+            '.sk-sidemenu-item-label': {
+              '@apply text-neutral-600': {},
+            },
+          },
         },
 
         '.expand': {
           '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
 
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
+
+            path: {
+              '@apply fill-gray-stroke': {},
+            },
+          },
+
+          path: {
+            '@apply fill-primary': {},
+          },
+
           '&-button': {
-            '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},
+            '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},
           },
         },
       },
@@ -106,14 +122,9 @@ module.exports = Menu = () => ({
           svg: {
             '@apply h-full': {},
           },
-          '&-label': {
-            '@apply text-[#B65A06]': {},
-          },
-        },
 
-        '&.moved-here': {
-          "[draggable='true']": {
-            '@apply text-warning': {},
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
           },
         },