@sk-web-gui/core 0.1.78 → 0.1.80

package/dist/cjs/components/forms.js

@@ -226,6 +226,20 @@ module.exports = Forms = function Forms(colors) {
         '&-counter': {
           '@apply grow-0': {}
         }
+      },
+      '&[data-expanded=true]': {
+        '.form-input-group[data-rounded=true]': {
+          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},
+          '> *:first-child': {
+            '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {}
+          },
+          '> *:last-child': {
+            '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {}
+          },
+          '& ~ #dropdown-search-results': {
+            '@apply rounded-b-[1.6rem]': {}
+          }
+        }
       }
     },
     '.form-select': {

package/dist/cjs/components/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-expanded=true]': {\r\n      '.form-input-group[data-rounded=true]': {\r\n        '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '& ~ #dropdown-search-results': {\r\n          '@apply rounded-b-[1.6rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/pagination.js

@@ -23,7 +23,7 @@ module.exports = Pagination = function Pagination() {
         '@apply cursor-pointer m-sm box-content': {},
         width: '1.5em',
         height: '1.75em',
-        "&[aria-disabled='true']": {
+        "&[aria-current='true']": {
           '@apply border-primary border-b cursor-default text-primary': {}
         }
       },

package/dist/cjs/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["module","exports","Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.pagination': {\r\n    '@apply select-none': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-lg': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-xl': {},\r\n    },\r\n\r\n    '&-list': {\r\n      '@apply flex items-center': {},\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply cursor-pointer m-sm box-content': {},\r\n      width: '1.5em',\r\n      height: '1.75em',\r\n\r\n      \"&[aria-disabled='true']\": {\r\n        '@apply border-primary border-b cursor-default text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\r\n      height: '1.75em',\r\n\r\n      '&[data-reverse=true]': {\r\n        '@apply mr-4 ml-0 flex-row-reverse': {},\r\n\r\n        '.pagination-prevNextButton-label': {\r\n          '@apply mr-sm ml-0': {},\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply opacity-50 cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '&-label, &-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          fontSize: '1em',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.pagination-list': {\r\n        '@apply w-full flex justify-between': {},\r\n        '&-item': {\r\n          '@apply px-0  flex-shrink grow text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '.pagination-pageLabel': {\r\n            '@apply w-full max-w-[1.5em] mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,aAAa,EAAE;MACb,oBAAoB,EAAE,CAAC,CAAC;MAExB,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,wCAAwC,EAAE,CAAC,CAAC;QAC5CC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE,QAAQ;QAEhB,yBAAyB,EAAE;UACzB,4DAA4D,EAAE,CAAC;QACjE;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,kGAAkG,EAAE,CAAC,CAAC;QACtGA,MAAM,EAAE,QAAQ;QAEhB,sBAAsB,EAAE;UACtB,mCAAmC,EAAE,CAAC,CAAC;UAEvC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB;QACF,CAAC;QAED,aAAa,EAAE;UACb,kCAAkC,EAAE,CAAC;QACvC,CAAC;QAED,qBAAqB,EAAE;UACrB,iBAAiB,EAAE;YACjB,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC,CAAC;UAE/C,kBAAkB,EAAE;YAClBC,QAAQ,EAAE;UACZ;QACF;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,kBAAkB,EAAE;UAClB,oCAAoC,EAAE,CAAC,CAAC;UACxC,QAAQ,EAAE;YACR,2CAA2C,EAAE,CAAC,CAAC;YAC/C,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,uBAAuB,EAAE;cACvB,mCAAmC,EAAE,CAAC;YACxC;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"pagination.js","names":["module","exports","Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.pagination': {\r\n    '@apply select-none': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-lg': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-xl': {},\r\n    },\r\n\r\n    '&-list': {\r\n      '@apply flex items-center': {},\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply cursor-pointer m-sm box-content': {},\r\n      width: '1.5em',\r\n      height: '1.75em',\r\n\r\n      \"&[aria-current='true']\": {\r\n        '@apply border-primary border-b cursor-default text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\r\n      height: '1.75em',\r\n\r\n      '&[data-reverse=true]': {\r\n        '@apply mr-4 ml-0 flex-row-reverse': {},\r\n\r\n        '.pagination-prevNextButton-label': {\r\n          '@apply mr-sm ml-0': {},\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply opacity-50 cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '&-label, &-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          fontSize: '1em',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.pagination-list': {\r\n        '@apply w-full flex justify-between': {},\r\n        '&-item': {\r\n          '@apply px-0  flex-shrink grow text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '.pagination-pageLabel': {\r\n            '@apply w-full max-w-[1.5em] mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,aAAa,EAAE;MACb,oBAAoB,EAAE,CAAC,CAAC;MAExB,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,wCAAwC,EAAE,CAAC,CAAC;QAC5CC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE,QAAQ;QAEhB,wBAAwB,EAAE;UACxB,4DAA4D,EAAE,CAAC;QACjE;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,kGAAkG,EAAE,CAAC,CAAC;QACtGA,MAAM,EAAE,QAAQ;QAEhB,sBAAsB,EAAE;UACtB,mCAAmC,EAAE,CAAC,CAAC;UAEvC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB;QACF,CAAC;QAED,aAAa,EAAE;UACb,kCAAkC,EAAE,CAAC;QACvC,CAAC;QAED,qBAAqB,EAAE;UACrB,iBAAiB,EAAE;YACjB,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC,CAAC;UAE/C,kBAAkB,EAAE;YAClBC,QAAQ,EAAE;UACZ;QACF;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,kBAAkB,EAAE;UAClB,oCAAoC,EAAE,CAAC,CAAC;UACxC,QAAQ,EAAE;YACR,2CAA2C,EAAE,CAAC,CAAC;YAC/C,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,uBAAuB,EAAE;cACvB,mCAAmC,EAAE,CAAC;YACxC;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/esm/components/forms.js

@@ -227,6 +227,20 @@ module.exports = Forms = colors => _extends({
       '&-counter': {
         '@apply grow-0': {}
       }
+    },
+    '&[data-expanded=true]': {
+      '.form-input-group[data-rounded=true]': {
+        '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},
+        '> *:first-child': {
+          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {}
+        },
+        '> *:last-child': {
+          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {}
+        },
+        '& ~ #dropdown-search-results': {
+          '@apply rounded-b-[1.6rem]': {}
+        }
+      }
     }
   },
   '.form-select': {

package/dist/esm/components/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","fieldSolid","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","fieldSolid","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-expanded=true]': {\r\n      '.form-input-group[data-rounded=true]': {\r\n        '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n        },\r\n\r\n        '& ~ #dropdown-search-results': {\r\n          '@apply rounded-b-[1.6rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/pagination.js

@@ -20,7 +20,7 @@ module.exports = Pagination = () => ({
       '@apply cursor-pointer m-sm box-content': {},
       width: '1.5em',
       height: '1.75em',
-      "&[aria-disabled='true']": {
+      "&[aria-current='true']": {
         '@apply border-primary border-b cursor-default text-primary': {}
       }
     },

package/dist/esm/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["module","exports","Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.pagination': {\r\n    '@apply select-none': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-lg': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-xl': {},\r\n    },\r\n\r\n    '&-list': {\r\n      '@apply flex items-center': {},\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply cursor-pointer m-sm box-content': {},\r\n      width: '1.5em',\r\n      height: '1.75em',\r\n\r\n      \"&[aria-disabled='true']\": {\r\n        '@apply border-primary border-b cursor-default text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\r\n      height: '1.75em',\r\n\r\n      '&[data-reverse=true]': {\r\n        '@apply mr-4 ml-0 flex-row-reverse': {},\r\n\r\n        '.pagination-prevNextButton-label': {\r\n          '@apply mr-sm ml-0': {},\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply opacity-50 cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '&-label, &-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          fontSize: '1em',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.pagination-list': {\r\n        '@apply w-full flex justify-between': {},\r\n        '&-item': {\r\n          '@apply px-0  flex-shrink grow text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '.pagination-pageLabel': {\r\n            '@apply w-full max-w-[1.5em] mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,aAAa,EAAE;IACb,oBAAoB,EAAE,CAAC,CAAC;IAExB,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,QAAQ,EAAE;MACR,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,sBAAsB,EAAE;MACtB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,aAAa,EAAE;MACb,wCAAwC,EAAE,CAAC,CAAC;MAC5CC,KAAK,EAAE,OAAO;MACdC,MAAM,EAAE,QAAQ;MAEhB,yBAAyB,EAAE;QACzB,4DAA4D,EAAE,CAAC;MACjE;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,kGAAkG,EAAE,CAAC,CAAC;MACtGA,MAAM,EAAE,QAAQ;MAEhB,sBAAsB,EAAE;QACtB,mCAAmC,EAAE,CAAC,CAAC;QAEvC,kCAAkC,EAAE;UAClC,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,aAAa,EAAE;QACb,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,qBAAqB,EAAE;QACrB,iBAAiB,EAAE;UACjB,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,SAAS,EAAE;QACT,4CAA4C,EAAE,CAAC;MACjD,CAAC;MAED,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC,CAAC;QAE/C,kBAAkB,EAAE;UAClBC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IAED,YAAY,EAAE;MACZ,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,eAAe,EAAE;MACf,0BAA0B,EAAE,CAAC,CAAC;MAC9B,kBAAkB,EAAE;QAClB,oCAAoC,EAAE,CAAC,CAAC;QACxC,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC,CAAC;UAC/C,YAAY,EAAE;YACZ,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,aAAa,EAAE;YACb,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,uBAAuB,EAAE;YACvB,mCAAmC,EAAE,CAAC;UACxC;QACF;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"pagination.js","names":["module","exports","Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.pagination': {\r\n    '@apply select-none': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-lg': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-xl': {},\r\n    },\r\n\r\n    '&-list': {\r\n      '@apply flex items-center': {},\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply cursor-pointer m-sm box-content': {},\r\n      width: '1.5em',\r\n      height: '1.75em',\r\n\r\n      \"&[aria-current='true']\": {\r\n        '@apply border-primary border-b cursor-default text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\r\n      height: '1.75em',\r\n\r\n      '&[data-reverse=true]': {\r\n        '@apply mr-4 ml-0 flex-row-reverse': {},\r\n\r\n        '.pagination-prevNextButton-label': {\r\n          '@apply mr-sm ml-0': {},\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply opacity-50 cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '&-label, &-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          fontSize: '1em',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.pagination-list': {\r\n        '@apply w-full flex justify-between': {},\r\n        '&-item': {\r\n          '@apply px-0  flex-shrink grow text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '.pagination-pageLabel': {\r\n            '@apply w-full max-w-[1.5em] mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,aAAa,EAAE;IACb,oBAAoB,EAAE,CAAC,CAAC;IAExB,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,QAAQ,EAAE;MACR,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,sBAAsB,EAAE;MACtB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,aAAa,EAAE;MACb,wCAAwC,EAAE,CAAC,CAAC;MAC5CC,KAAK,EAAE,OAAO;MACdC,MAAM,EAAE,QAAQ;MAEhB,wBAAwB,EAAE;QACxB,4DAA4D,EAAE,CAAC;MACjE;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,kGAAkG,EAAE,CAAC,CAAC;MACtGA,MAAM,EAAE,QAAQ;MAEhB,sBAAsB,EAAE;QACtB,mCAAmC,EAAE,CAAC,CAAC;QAEvC,kCAAkC,EAAE;UAClC,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,aAAa,EAAE;QACb,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,qBAAqB,EAAE;QACrB,iBAAiB,EAAE;UACjB,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,SAAS,EAAE;QACT,4CAA4C,EAAE,CAAC;MACjD,CAAC;MAED,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC,CAAC;QAE/C,kBAAkB,EAAE;UAClBC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IAED,YAAY,EAAE;MACZ,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,eAAe,EAAE;MACf,0BAA0B,EAAE,CAAC,CAAC;MAC9B,kBAAkB,EAAE;QAClB,oCAAoC,EAAE,CAAC,CAAC;QACxC,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC,CAAC;UAC/C,YAAY,EAAE;YACZ,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,aAAa,EAAE;YACb,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,uBAAuB,EAAE;YACvB,mCAAmC,EAAE,CAAC;UACxC;QACF;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -36,8 +36,8 @@
     "tailwindcss": "^3.2.7"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "0.1.12",
+    "@sk-web-gui/theme": "0.1.13",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "e10ba577593cc69781fc8e65dd12803667657cbe"
+  "gitHead": "ee97d1aa30a870d7982d991af261cd33ebca5286"
 }

package/src/components/forms.js

@@ -289,6 +289,24 @@ module.exports = Forms = (colors) => ({
         '@apply grow-0': {},
       },
     },
+
+    '&[data-expanded=true]': {
+      '.form-input-group[data-rounded=true]': {
+        '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},
+
+        '> *:first-child': {
+          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},
+        },
+
+        '> *:last-child': {
+          '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},
+        },
+
+        '& ~ #dropdown-search-results': {
+          '@apply rounded-b-[1.6rem]': {},
+        },
+      },
+    },
   },
 
   '.form-select': {

package/src/components/pagination.js

@@ -25,7 +25,7 @@ module.exports = Pagination = () => ({
       width: '1.5em',
       height: '1.75em',
 
-      "&[aria-disabled='true']": {
+      "&[aria-current='true']": {
         '@apply border-primary border-b cursor-default text-primary': {},
       },
     },