npm - @onereach/ui-components - Versions diffs - 5.4.1 → 5.4.2-beta.3200.0 - Mend

@onereach/ui-components 5.4.1 → 5.4.2-beta.3200.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (299) hide show

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-649230ac.js → OrDateTimePickerMonthSelect-a975440f.js} RENAMED Viewed

@@ -14,7 +14,7 @@ const DateTimePickerDateControl = [
 // Interactivity
 'interactivity-auto',
 // Theme (focus)
-'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-f91b416e.js → OrDateTimePickerTimeSelect-fc9d4e29.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const DateTimePickerTimeControl = [
 // Interactivity
 'interactivity-auto',
 // Theme (focus)
-'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerTimeControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

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

@@ -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-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible: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/OrCombinedInputV3/OrCombinedInput.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { CombinedInputRoot, CombinedInputControlGroup } from './styles.js';
+import { CombinedInput, CombinedInputControlGroup } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrLabelV3/OrLabel.js';
@@ -51,7 +51,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInputRoot]);
+    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput]);
     const controlGroup = computed(() => [...CombinedInputControlGroup]);
     return {
       root,

package/dist/bundled/v2/components/OrCombinedInputV3/styles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const CombinedInputRoot: string[];
+export declare const CombinedInput: string[];
 export declare const CombinedInputControlGroup: string[];

package/dist/bundled/v2/components/OrCombinedInputV3/styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-const CombinedInputRoot = [
+const CombinedInput = [
 // Layout
 'layout-column',
 // Spacing
@@ -9,8 +9,8 @@ const CombinedInputControlGroup = [
 // Box
 'w-full',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:intermediate-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
+'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:middle-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
 // Spacing (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:intermediate-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
+'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:middle-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
-export { CombinedInputControlGroup, CombinedInputRoot };
+export { CombinedInput, CombinedInputControlGroup };

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-649230ac.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a975440f.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-922f203c.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

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

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-649230ac.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a975440f.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-922f203c.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-f91b416e.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-fc9d4e29.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrExpansionPanelV3/styles.js CHANGED Viewed

@@ -45,7 +45,7 @@ const ExpansionPanelHeaderColors = {
   // Theme (hover)
   'hover:md:theme-foreground-primary-hover', 'dark:hover:md:theme-foreground-primary-hover-dark',
   // Theme (focus)
-  'focus:md:theme-foreground-primary-hover', 'dark:focus:md:theme-foreground-primary-hover-dark',
+  'focus-visible:md:theme-foreground-primary-hover', 'dark:focus-visible:md:theme-foreground-primary-hover-dark',
   // Theme (active)
   'active:theme-foreground-primary-hover', 'dark:active:theme-foreground-primary-hover-dark'],
   'danger': [
@@ -54,7 +54,7 @@ const ExpansionPanelHeaderColors = {
   // Theme (hover)
   'hover:md:theme-foreground-error-hover', 'dark:hover:md:theme-foreground-error-hover-dark',
   // Theme (focus)
-  'focus:md:theme-foreground-error-hover', 'dark:focus:md:theme-foreground-error-hover-dark',
+  'focus-visible:md:theme-foreground-error-hover', 'dark:focus-visible:md:theme-foreground-error-hover-dark',
   // Theme (active)
   'active:theme-foreground-error-hover', 'dark:active:theme-foreground-error-hover-dark']
 };

package/dist/bundled/v2/components/OrIconButtonV3/styles.js CHANGED Viewed

@@ -12,7 +12,7 @@ const IconButtonRoot = [
 // Iconography (hover)
 'hover:md:iconography-filled',
 // Iconography (focus)
-'focus:md:iconography-filled',
+'focus-visible:md:iconography-filled',
 // Iconography (active)
 'active:iconography-filled',
 // Theme
@@ -24,7 +24,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark', 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
   // Theme (focus)
-  'focus:md:outline-primary-opacity-0-08', 'dark:focus:md:outline-primary-opacity-0-08-dark', 'focus:md:theme-foreground-default', 'dark:focus:md:theme-foreground-default-dark',
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark', 'focus-visible:md:theme-foreground-default', 'dark:focus-visible:md:theme-foreground-default-dark',
   // Theme (active)
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
   // Theme (selected)
@@ -35,7 +35,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-error-opacity-0-08', 'dark:hover:md:outline-error-opacity-0-08-dark',
   // Theme (focus)
-  'focus:md:outline-error-opacity-0-08', 'dark:focus:md:outline-error-opacity-0-08-dark',
+  'focus-visible:md:outline-error-opacity-0-08', 'dark:focus-visible:md:outline-error-opacity-0-08-dark',
   // Theme (active)
   'active:outline-error-opacity-0-08', 'dark:active:outline-error-opacity-0-08-dark', 'active:md:outline-error-opacity-0-16', 'dark:active:md:outline-error-opacity-0-16-dark'],
   'inherit': [
@@ -44,7 +44,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark',
   // Theme (focus)
-  'focus:md:outline-primary-opacity-0-08', 'dark:focus:md:outline-primary-opacity-0-08-dark',
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark',
   // Theme (active)
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark']
 };

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

@@ -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-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible: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/OrSidebarV3/OrSidebar.js CHANGED Viewed

@@ -24,7 +24,7 @@ const CollapseButtonButton = [
 // Theme (active)
 'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
 // Theme (focus)
-'focus:!text-primary focus:dark:!text-primary-dark', 'focus:!bg-primary-opacity-0-12 dark:focus:!bg-primary-opacity-0-12-dark', 'focus:!border-outline dark:focus:!border-outline-dark',
+'focus-visible:!text-primary focus-visible:dark:!text-primary-dark', 'focus-visible:!bg-primary-opacity-0-12 dark:focus-visible:!bg-primary-opacity-0-12-dark', 'focus-visible:!border-outline dark:focus-visible:!border-outline-dark',
 // Theme (disabled)
 'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];

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

@@ -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-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const SwitchControlHandle = [
@@ -28,7 +28,7 @@ const SwitchControlHandle = [
 // Shape
 'after:rounded-full',
 // Theme
-'after:active:w-[20px] after:active:md:w-[18px]', 'after:active:h-[20px] after:active:md:h-[18px]', 'after:bg-outline', 'after:dark:bg-outline-dark', 'after:hover:bg-on-surface-variant', 'after:hover:dark:bg-on-surface-variant-dark', 'after:focus:bg-on-surface-variant', 'after:focus:dark:bg-on-surface-variant-dark', 'after:active:bg-outline', 'after:active:dark:bg-outline-dark', 'after:disabled:bg-on-disabled', 'after:disabled:dark:bg-on-disabled-dark', 'after:checked:bg-on-primary', 'after:checked:dark:bg-on-primary-dark', 'after:checked:shadow', 'after:checked:hover:bg-primary-container', 'after:checked:hover:dark:bg-primary-container-dark', 'after:checked:focus:bg-primary-container', 'after:checked:focus:dark:bg-primary-container-dark', 'after:checked:active:bg-on-primary', 'after:checked:active:dark:bg-on-primary-dark', 'after:checked:disabled:bg-on-disabled', 'after:checked:disabled:dark:bg-on-disabled-dark'];
+'after:active:w-[20px] after:active:md:w-[18px]', 'after:active:h-[20px] after:active:md:h-[18px]', 'after:bg-outline', 'after:dark:bg-outline-dark', 'after:hover:bg-on-surface-variant', 'after:hover:dark:bg-on-surface-variant-dark', 'after:focus-visible:bg-on-surface-variant', 'after:focus-visible:dark:bg-on-surface-variant-dark', 'after:active:bg-outline', 'after:active:dark:bg-outline-dark', 'after:disabled:bg-on-disabled', 'after:disabled:dark:bg-on-disabled-dark', 'after:checked:bg-on-primary', 'after:checked:dark:bg-on-primary-dark', 'after:checked:shadow', 'after:checked:hover:bg-primary-container', 'after:checked:hover:dark:bg-primary-container-dark', 'after:checked:focus-visible:bg-primary-container', 'after:checked:focus-visible:dark:bg-primary-container-dark', 'after:checked:active:bg-on-primary', 'after:checked:active:dark:bg-on-primary-dark', 'after:checked:disabled:bg-on-disabled', 'after:checked:disabled:dark:bg-on-disabled-dark'];
 const SwitchLoader = [
 // Layout
 'layout-row justify-center',

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-922f203c.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-f91b416e.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-fc9d4e29.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/hooks/useTheme.js CHANGED Viewed

@@ -3643,6 +3643,14 @@ var plugins = [
 	{
 	},
 	{
+	},
+	{
+	},
+	{
+	},
+	{
+	},
+	{
 	}
 ];
 var darkMode = [
@@ -3697,8 +3705,7 @@ var defaultConfig = {
 };
 function useTheme() {
-  const config = defaultConfig;
-  return config.theme;
+  return defaultConfig.theme;
 }
 export { useTheme };