@onereach/ui-components 4.1.1-beta.2540.0 → 4.1.1-beta.2541.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-f5dd7748.js → OrDateTimePickerMonthSelect-5aa2774a.js}

@@ -151,6 +151,9 @@ const DateTimePickerDaySelectButtonGroupDayItem = [
 '!px-sm', '!py-sm',
 // Typography
 'typography-caption-regular'];
+const DateTimePickerDaySelectButtonGroupTodayItem = [
+// Theme
+'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
 
 var script$1 = defineComponent({
   name: 'OrDateTimePickerDaySelect',
@@ -181,6 +184,7 @@ var script$1 = defineComponent({
     const buttonGroupStyles = computed(() => [...DateTimePickerDaySelectButtonGroup]);
     const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupWeekdayItem]);
     const buttonGroupDayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupDayItem]);
+    const buttonGroupTodayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupTodayItem]);
     // State
     const proxyModelValue = computed({
       get: () => {
@@ -206,6 +210,14 @@ var script$1 = defineComponent({
         return options;
       })();
     });
+    const currentDate = computed(() => {
+      const value = new Date();
+      value.setUTCHours(proxyModelValue.value.getUTCHours());
+      value.setUTCMinutes(proxyModelValue.value.getUTCMinutes());
+      value.setUTCSeconds(proxyModelValue.value.getUTCSeconds());
+      value.setUTCMilliseconds(proxyModelValue.value.getUTCMilliseconds());
+      return value;
+    });
     // Methods
     function formatWeekday(value) {
       return value.toLocaleString(navigator.language, {
@@ -225,8 +237,10 @@ var script$1 = defineComponent({
       buttonGroupStyles,
       buttonGroupWeekdayItemStyles,
       buttonGroupDayItemStyles,
+      buttonGroupTodayItemStyles,
       proxyModelValue,
       dayOptions,
+      currentDate,
       formatWeekday,
       formatDay
     };
@@ -248,12 +262,14 @@ var __vue_render__$1 = function () {
     class: _vm.buttonGroupStyles
   }, [_vm._l(7, function (weekday) {
     return _c('div', {
+      key: weekday,
       class: _vm.buttonGroupWeekdayItemStyles
     }, [_vm._v("\n      " + _vm._s(_vm.formatWeekday(_vm.dayOptions[weekday - 1])) + "\n    ")]);
   }), _vm._v(" "), _vm._l(_vm.dayOptions, function (value) {
+    var _obj;
     return _c('OrButton', {
       key: Number(value),
-      class: _vm.buttonGroupDayItemStyles,
+      class: (_obj = {}, _obj[_vm.buttonGroupDayItemStyles.join(' ')] = true, _obj[_vm.buttonGroupTodayItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj),
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
         "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',

package/dist/bundled/v2/components/OrCheckboxV3/styles.js

@@ -17,7 +17,7 @@ const CheckboxControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
+'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark',
 // Theme (indeterminate)

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-f5dd7748.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5aa2774a.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-40001d2f.js';
 import { DatePicker } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDatePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
-import '../../OrDateTimePickerMonthSelect-f5dd7748.js';
+import '../../OrDateTimePickerMonthSelect-5aa2774a.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrDateTimePickerV3/hooks/useDefaultDate.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-f5dd7748.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-5aa2774a.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-40001d2f.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-153a174a.js';
 import { DateTimePicker } from './styles.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
-import '../../OrDateTimePickerMonthSelect-f5dd7748.js';
+import '../../OrDateTimePickerMonthSelect-5aa2774a.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import './hooks/useDefaultDate.js';

package/dist/bundled/v2/components/OrInputBoxV3/styles.js

@@ -10,15 +10,15 @@ const InputBoxRoot = [
 const InputBoxRootVariants = {
   'styled': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', 'theme-outline-transparent', 'dark:theme-outline-transparent',
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', 'theme-outline-2-transparent', 'dark:theme-outline-2-transparent',
   // Theme (focus)
-  'focus-within:theme-background-primary-opacity', 'dark:focus-within:theme-background-primary-opacity-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
+  'focus-within:theme-background-primary-translucent', 'dark:focus-within:theme-background-primary-translucent-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
   // Theme (read-only)
-  'read-only:bg-primary-opacity-0-08', 'dark:read-only:bg-primary-opacity-0-08-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
+  'read-only:theme-background-primary-translucent', 'dark:read-only:theme-background-primary-translucent-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
   // Theme (invalid)
-  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-opacity', 'dark:invalid:theme-background-error-opacity-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-transparent', 'dark:invalid:theme-outline-transparent',
+  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-translucent', 'dark:invalid:theme-background-error-translucent-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
   // Theme (invalid, focus)
-  'invalid:focus-within:theme-background-error-opacity', 'dark:invalid:focus-within:theme-background-error-opacity-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-error', 'dark:invalid:focus-within:theme-outline-error-dark',
+  'invalid:focus-within:theme-background-error-translucent', 'dark:invalid:focus-within:theme-background-error-translucent-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-2-error', 'dark:invalid:focus-within:theme-outline-2-error-dark',
   // Theme (invalid, read-only)
   'invalid:read-only:bg-error-opacity-0-08', 'dark:invalid:read-only:bg-error-opacity-0-08-dark', 'invalid:read-only:!border-transparent', 'dark:invalid:read-only:!border-transparent'],
   'unstyled': [

package/dist/bundled/v2/components/OrRadioV3/styles.js

@@ -15,7 +15,7 @@ const RadioControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
+'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [

package/dist/bundled/v2/components/OrSwitchV3/styles.js

@@ -19,7 +19,7 @@ const SwitchControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
+'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const SwitchControlHandle = [

package/dist/bundled/v2/components/index.js

@@ -202,7 +202,7 @@ import './OrCode/theme.js';
 import './OrColorPicker/utils/defultPalette.js';
 import '../index-63e094a0.js';
 import './OrConfirmV3/styles.js';
-import '../OrDateTimePickerMonthSelect-f5dd7748.js';
+import '../OrDateTimePickerMonthSelect-5aa2774a.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './OrDateTimePickerV3/hooks/useDefaultDate.js';
 import './OrDateTimePickerV3/hooks/useDefaultHours.js';