@sk-web-gui/core 0.1.42 → 0.1.43

package/src/components/link.js

@@ -1,20 +1,20 @@
-module.exports = Link = () => ({
-  '.link': {
-    '@apply cursor-base underline outline-none hover:underline': {},
-    '@apply text-primary dark:text-primary': {},
-    '@apply focus-visible:ring-4 focus-visible:ring-primary': {},
-
-    '@apply hover:text-primary-active': {},
-
-    '&-external-icon': {
-      fontSize: '0.875em !important',
-      lineHeight: '1',
-      marginLeft: '.25em',
-      verticalAlign: 'text-top',
-    },
-
-    '&-disabled': {
-      '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},
-    },
-  },
-});
+module.exports = Link = () => ({
+  '.link': {
+    '@apply cursor-base underline outline-none hover:underline': {},
+    '@apply text-primary dark:text-primary': {},
+    '@apply focus-visible:ring-4 focus-visible:ring-primary': {},
+
+    '@apply hover:text-primary-active': {},
+
+    '&-external-icon': {
+      fontSize: '0.875em !important',
+      lineHeight: '1',
+      marginLeft: '.25em',
+      verticalAlign: 'text-top',
+    },
+
+    '&-disabled': {
+      '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},
+    },
+  },
+});

package/src/components/message.js

@@ -1,62 +1,62 @@
-module.exports = Message = () => ({
-  '.message': {
-    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
-    '@apply text-body bg-white border-l-4': {},
-    // dark
-    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
-
-    '&-text': {
-      '@apply text-left flex-grow': {},
-    },
-
-    '&-info': {
-      '@apply border-info': {},
-
-      '.message-icon': {
-        '@apply text-info': {},
-      },
-    },
-    '&-success': {
-      '@apply border-success': {},
-
-      '.message-icon': {
-        '@apply text-success': {},
-      },
-    },
-    '&-error': {
-      '@apply border-error': {},
-
-      '.message-icon': {
-        '@apply text-error': {},
-      },
-    },
-    '&-warning': {
-      '@apply border-warning': {},
-
-      '.message-icon': {
-        '@apply text-warning': {},
-      },
-    },
-  },
-
-  '.message-icon': {
-    '@apply mr-4 flex-shrink-0 w-10 h-10': {},
-  },
-
-  '.message-close-button': {
-    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':
-      {},
-    fontSize: '1.2em',
-    padding: '0.36em',
-    marginLeft: '0.25em',
-    marginRight: '-0.55em',
-
-    '&-icon': {
-      '@apply !text-xl': {},
-    },
-
-    '&-disabled': {
-      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},
-    },
-  },
-});
+module.exports = Message = () => ({
+  '.message': {
+    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
+    '@apply text-body bg-white border-l-4': {},
+    // dark
+    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
+
+    '&-text': {
+      '@apply text-left flex-grow': {},
+    },
+
+    '&-info': {
+      '@apply border-info': {},
+
+      '.message-icon': {
+        '@apply text-info': {},
+      },
+    },
+    '&-success': {
+      '@apply border-success': {},
+
+      '.message-icon': {
+        '@apply text-success': {},
+      },
+    },
+    '&-error': {
+      '@apply border-error': {},
+
+      '.message-icon': {
+        '@apply text-error': {},
+      },
+    },
+    '&-warning': {
+      '@apply border-warning': {},
+
+      '.message-icon': {
+        '@apply text-warning': {},
+      },
+    },
+  },
+
+  '.message-icon': {
+    '@apply mr-4 flex-shrink-0 w-10 h-10': {},
+  },
+
+  '.message-close-button': {
+    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':
+      {},
+    fontSize: '1.2em',
+    padding: '0.36em',
+    marginLeft: '0.25em',
+    marginRight: '-0.55em',
+
+    '&-icon': {
+      '@apply !text-xl': {},
+    },
+
+    '&-disabled': {
+      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},
+    },
+  },
+});

package/src/components/modal.js

@@ -1,30 +1,30 @@
-module.exports = Modal = () => ({
-  '.modal': {
-    '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},
-
-    '&-backdrop': {
-      '@apply bg-black bg-opacity-30': {},
-    },
-
-    '&-wrapper': {
-      '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {},
-    },
-
-    '&-close-btn': {
-      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':
-        {},
-    },
-
-    '&-title': {
-      '@apply text-3xl p-4': {},
-    },
-
-    '&-description': {
-      '@apply text-base p-4': {},
-    },
-
-    '&-content-wrapper': {
-      '@apply p-4 space-y-10': {},
-    },
-  },
-});
+module.exports = Modal = () => ({
+  '.modal': {
+    '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},
+
+    '&-backdrop': {
+      '@apply bg-black bg-opacity-30': {},
+    },
+
+    '&-wrapper': {
+      '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {},
+    },
+
+    '&-close-btn': {
+      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':
+        {},
+    },
+
+    '&-title': {
+      '@apply text-3xl p-4': {},
+    },
+
+    '&-description': {
+      '@apply text-base p-4': {},
+    },
+
+    '&-content-wrapper': {
+      '@apply p-4 space-y-10': {},
+    },
+  },
+});

package/src/components/notification.js

@@ -1,56 +1,56 @@
-module.exports = Notification = () => ({
-  '.notification': {
-    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
-    '@apply text-body bg-white border border-neutral-200': {},
-    // dark
-    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
-  },
-
-  '.notification-icon': {
-    '@apply flex-shrink-0 w-5 h-5 mr-3': {},
-
-    '&-info': {
-      '--tw-text-opacity': '1',
-      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',
-    },
-    '&-success': {
-      '--tw-text-opacity': '1',
-      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',
-    },
-    '&-error': {
-      '--tw-text-opacity': '1',
-      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',
-    },
-    '&-warning': {
-      '--tw-text-opacity': '1',
-      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',
-    },
-  },
-
-  '.notification-content': {
-    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},
-
-    '&-title': {
-      '@apply font-semibold': {},
-    },
-
-    '&-description': {
-      '@apply text-neutral-500 dark:text-neutral-400': {},
-    },
-  },
-
-  '.notification-action': {
-    '@apply absolute space-x-2': {},
-    right: 16,
-    top: 16,
-
-    '&-undo': {
-      '@apply h-auto p-0 text-sm': {},
-    },
-
-    '&-close-button': {
-      '@apply cursor-base text-neutral-700 hover:text-body': {},
-      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},
-    },
-  },
-});
+module.exports = Notification = () => ({
+  '.notification': {
+    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+    '@apply text-body bg-white border border-neutral-200': {},
+    // dark
+    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
+  },
+
+  '.notification-icon': {
+    '@apply flex-shrink-0 w-5 h-5 mr-3': {},
+
+    '&-info': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',
+    },
+    '&-success': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',
+    },
+    '&-error': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',
+    },
+    '&-warning': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',
+    },
+  },
+
+  '.notification-content': {
+    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},
+
+    '&-title': {
+      '@apply font-semibold': {},
+    },
+
+    '&-description': {
+      '@apply text-neutral-500 dark:text-neutral-400': {},
+    },
+  },
+
+  '.notification-action': {
+    '@apply absolute space-x-2': {},
+    right: 16,
+    top: 16,
+
+    '&-undo': {
+      '@apply h-auto p-0 text-sm': {},
+    },
+
+    '&-close-button': {
+      '@apply cursor-base text-neutral-700 hover:text-body': {},
+      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},
+    },
+  },
+});

package/src/components/pagination.js

@@ -1,69 +1,69 @@
-module.exports = Pagination = () => ({
-  '.pagination': {
-    '@apply select-none': {},
-
-    '&-sm': {
-      '@apply text-xs': {},
-    },
-
-    '&-md': {
-      '@apply text-lg': {},
-    },
-
-    '&-lg': {
-      '@apply text-xl': {},
-    },
-
-    '&-list': {
-      '@apply flex items-baseline': {},
-    },
-
-    '&-pageLabel': {
-      '@apply cursor-pointer m-sm': {},
-      width: '1.5em',
-      height: '1.75em',
-
-      "&[aria-disabled='true']": {
-        '@apply border-primary border-b cursor-default text-primary': {},
-      },
-    },
-
-    '&-prevNextButton': {
-      '@apply text-body ml-4 inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},
-
-      '&[data-reverse=true]': {
-        '@apply mr-4 ml-0 flex-row-reverse': {},
-
-        '.pagination-prevNextButton-label': {
-          '@apply mr-sm ml-0': {},
-        },
-      },
-
-      '&[disabled]': {
-        '@apply opacity-50 cursor-default': {},
-      },
-
-      "&[disabled='false']": {
-        '&-label, &-icon': {
-          '@apply cursor-pointer': {},
-        },
-      },
-
-      '&-label': {
-        '@apply hidden sm:inline ml-sm leading-none': {},
-      },
-
-      '&-icon': {
-        '@apply m-1 align-text-bottom leading-none flex items-center': {},
-
-        '.MuiSvgIcon-root': {
-          fontSize: '1em',
-        },
-      },
-    },
-
-    '&-ellipsis': {
-      '@apply inline-block w-16 text-center': {},
-    },
-  },
-});
+module.exports = Pagination = () => ({
+  '.pagination': {
+    '@apply select-none': {},
+
+    '&-sm': {
+      '@apply text-xs': {},
+    },
+
+    '&-md': {
+      '@apply text-lg': {},
+    },
+
+    '&-lg': {
+      '@apply text-xl': {},
+    },
+
+    '&-list': {
+      '@apply flex items-baseline': {},
+    },
+
+    '&-pageLabel': {
+      '@apply cursor-pointer m-sm': {},
+      width: '1.5em',
+      height: '1.75em',
+
+      "&[aria-disabled='true']": {
+        '@apply border-primary border-b cursor-default text-primary': {},
+      },
+    },
+
+    '&-prevNextButton': {
+      '@apply text-body ml-4 inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},
+
+      '&[data-reverse=true]': {
+        '@apply mr-4 ml-0 flex-row-reverse': {},
+
+        '.pagination-prevNextButton-label': {
+          '@apply mr-sm ml-0': {},
+        },
+      },
+
+      '&[disabled]': {
+        '@apply opacity-50 cursor-default': {},
+      },
+
+      "&[disabled='false']": {
+        '&-label, &-icon': {
+          '@apply cursor-pointer': {},
+        },
+      },
+
+      '&-label': {
+        '@apply hidden sm:inline ml-sm leading-none': {},
+      },
+
+      '&-icon': {
+        '@apply m-1 align-text-bottom leading-none flex items-center': {},
+
+        '.MuiSvgIcon-root': {
+          fontSize: '1em',
+        },
+      },
+    },
+
+    '&-ellipsis': {
+      '@apply inline-block w-16 text-center': {},
+    },
+  },
+});