build version 400

resources/assets/js/components/base/theme/BaseSelect.js

@@ -0,0 +1,31 @@
+export default {
+  activeBaseSelectContainer: 'z-50',
+  disabledBaseSelectContainer: 'pointer-events-none opacity-50',
+  baseSelectContainer: 'base-select multiselect min-h-10 z-40',
+  multiSelect:
+    'multiselect__select h-10 m-0 py-1 px-2 no-underline text-center cursor-pointer leading-5 block absolute box-border w-8',
+  disabledMultiSelect: 'bg-gray-200 text-gray-400',
+  multiSelectTags:
+    'multiselect__tags min-h-10 block pt-2 pr-10 pb-0 pl-2 rounded border border-solid text-sm',
+  multiSelectTagsDefaultColor: 'border-gray-200 bg-white',
+  multiSelectTagsInvalid: 'border-danger bg-white',
+  disabledMultiSelectTags: 'bg-gray-200 text-gray-400',
+  multiselectTagsWrap: 'multiselect__tags-wrap inline',
+  multiselectTag:
+    'multiselect__tag relative inline-block pt-1 pr-6 pb-1 pl-2 rounded mr-2 text-white leading-none mb-1 whitespace-no-wrap overflow-hidden max-w-full',
+  multiselectTagIcon:
+    'multiselect__tag-icon cursor-pointer ml-2 absolute right-0 top-0 bottom-0 font-bold w-5 text-center leading-5 delay-200 transition-all ease-linear rounded',
+  multiselectStrong: 'mb-2 leading-5 inline-block align-top',
+  multiselectSpinner: 'multiselect__spinner absolute w-12 h-8 bg-white block',
+  multiselectInput:
+    'multiselect__input relative inline-block border-none leading-5 rounded pl-1 w-full box-border align-top text-sm',
+  multiselectSingle:
+    'multiselect__single relative inline-block border-none leading-5 rounded bg-white pl-1 w-full box-border align-top pl-1 mb-2 text-sm',
+  multiselectContentWrapper:
+    'multiselect__content-wrapper absolute block bg-white w-full overflow-auto border border-solid border-gray-200 border-t-0 rounded-bl rounded-br z-50',
+  multiselectContent:
+    'multiselect__content list-none inline-block p-0 m-0 min-w-full align-top',
+  multiselectOption:
+    'multiselect__option block p-3 no-underline leading-4 normal-case align-middle relative cursor-pointer whitespace-no-wrap text-sm',
+  multiselectElement: 'multiselect__element block',
+}

resources/assets/js/components/base/theme/DatePicker.js

@@ -0,0 +1,11 @@
+export default {
+  baseClass:
+    'not-italic font-normal leading-tight text-left border border-solid rounded-md input-field box-border-2 base-date-picker-input',
+  baseSize: 'w-full h-10 px-3 py-3 text-sm',
+  baseColorClass:
+    'placeholder-gray-400 border-gray-200 focus:border-primary-500',
+  invalidClass: 'border-red',
+  disabledClass: 'bg-gray-200 text-gray-500',
+  calendarIconStyle:
+    'absolute w-4 h-5 text-sm not-italic font-black cursor-pointer text-gray-400',
+}

resources/assets/js/components/base/theme/index.js

@@ -0,0 +1,15 @@
+/*
+ |--------------------------------------------------------------------------
+ | Crater Base Components Theme
+ |--------------------------------------------------------------------------|
+ */
+
+import BaseSelect from './BaseSelect'
+import DatePicker from './DatePicker'
+
+const CraterTheme = {
+  BaseSelect,
+  DatePicker,
+}
+
+export default CraterTheme