@onereach/ui-components 15.2.0-beta.4701.0 → 15.2.0-beta.4702.0

package/dist/esm/v2/{OrFilter-f231d256.js → OrFilter-5f70d202.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrFilterPopover-b505f5c4.js';
-import { _ as __vue_component__$2 } from './OrFilterTrigger-0f1281a5.js';
+import { _ as __vue_component__$2 } from './OrFilterTrigger-2f2992d0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Filter = [];

package/dist/esm/v2/{OrFilterTrigger-0f1281a5.js → OrFilterTrigger-2f2992d0.js}

@@ -23,7 +23,11 @@ const FilterTrigger = [
 // Theme (selected)
 'selected:theme-foreground-primary', 'dark:selected:theme-foreground-primary-dark', 'selected:theme-background-primary-translucent-1', 'dark:selected:theme-background-primary-translucent-1-dark',
 // Theme (activated)
-'activated:theme-background-primary-translucent-1', 'dark:activated:theme-background-primary-translucent-1-dark'];
+'activated:theme-background-primary-translucent-1', 'dark:activated:theme-background-primary-translucent-1-dark',
+// Theme (.or-icon-v3)
+'[&_.or-icon-v3]:theme-foreground-primary', 'dark:[&_.or-icon-v3]:theme-foreground-primary-dark',
+// Theme (.or-icon-v3 / hover)
+'[&_.or-icon-v3]:hover:theme-foreground-primary-hover', 'dark:[&_.or-icon-v3]:hover:theme-foreground-primary-hover-dark'];
 const FilterTriggerLabel = [
 // Layout
 'layout-row',

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

@@ -57,8 +57,8 @@ export { _ as OrErrorV3 } from '../OrError-b25d782d.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-51ed2e47.js';
 export { F as FabColor, _ as OrFabV3 } from '../OrFab-26e22be7.js';
 export { _ as OrFilterPopoverV3 } from '../OrFilterPopover-b505f5c4.js';
-export { _ as OrFilterTriggerV3 } from '../OrFilterTrigger-0f1281a5.js';
-export { _ as OrFilterV3 } from '../OrFilter-f231d256.js';
+export { _ as OrFilterTriggerV3 } from '../OrFilterTrigger-2f2992d0.js';
+export { _ as OrFilterV3 } from '../OrFilter-5f70d202.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-517737ad.js';
 export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-a814b820.js';
 export { _ as OrHint } from '../OrHint-7eadc91e.js';

package/dist/esm/v2/components/or-filter-trigger-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrFilterTriggerV3 } from '../../OrFilterTrigger-0f1281a5.js';
+export { _ as OrFilterTriggerV3 } from '../../OrFilterTrigger-2f2992d0.js';
 import 'vue-demi';
 import '../../OrIconButton-efaf73f5.js';
 import '../../OrIcon-0a14dafc.js';

package/dist/esm/v2/components/or-filter-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrFilterV3 } from '../../OrFilter-f231d256.js';
+export { _ as OrFilterV3 } from '../../OrFilter-5f70d202.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';
@@ -29,4 +29,4 @@ import '../../OrBottomSheet-3bb9d8e9.js';
 import '../../useTheme-dc76b423.js';
 import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
-import '../../OrFilterTrigger-0f1281a5.js';
+import '../../OrFilterTrigger-2f2992d0.js';

package/dist/esm/v2/index.js

@@ -57,8 +57,8 @@ export { _ as OrErrorV3 } from './OrError-b25d782d.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-51ed2e47.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-26e22be7.js';
 export { _ as OrFilterPopoverV3 } from './OrFilterPopover-b505f5c4.js';
-export { _ as OrFilterTriggerV3 } from './OrFilterTrigger-0f1281a5.js';
-export { _ as OrFilterV3 } from './OrFilter-f231d256.js';
+export { _ as OrFilterTriggerV3 } from './OrFilterTrigger-2f2992d0.js';
+export { _ as OrFilterV3 } from './OrFilter-5f70d202.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-517737ad.js';
 export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-a814b820.js';
 export { _ as OrHint } from './OrHint-7eadc91e.js';

package/dist/esm/v3/{OrFilter-f35ada6b.js → OrFilter-072d25aa.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrFilterPopover-2832fbc3.js';
-import { s as script$2 } from './OrFilterTrigger-f0c8aabf.js';
+import { s as script$2 } from './OrFilterTrigger-fc018707.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 
 const Filter = [];

package/dist/esm/v3/{OrFilterTrigger-f0c8aabf.js → OrFilterTrigger-fc018707.js}

@@ -23,7 +23,11 @@ const FilterTrigger = [
 // Theme (selected)
 'selected:theme-foreground-primary', 'dark:selected:theme-foreground-primary-dark', 'selected:theme-background-primary-translucent-1', 'dark:selected:theme-background-primary-translucent-1-dark',
 // Theme (activated)
-'activated:theme-background-primary-translucent-1', 'dark:activated:theme-background-primary-translucent-1-dark'];
+'activated:theme-background-primary-translucent-1', 'dark:activated:theme-background-primary-translucent-1-dark',
+// Theme (.or-icon-v3)
+'[&_.or-icon-v3]:theme-foreground-primary', 'dark:[&_.or-icon-v3]:theme-foreground-primary-dark',
+// Theme (.or-icon-v3 / hover)
+'[&_.or-icon-v3]:hover:theme-foreground-primary-hover', 'dark:[&_.or-icon-v3]:hover:theme-foreground-primary-hover-dark'];
 const FilterTriggerLabel = [
 // Layout
 'layout-row',

package/dist/esm/v3/components/index.js

@@ -55,8 +55,8 @@ export { s as OrErrorV3 } from '../OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-84445327.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-f949bf4f.js';
 export { s as OrFilterPopoverV3 } from '../OrFilterPopover-2832fbc3.js';
-export { s as OrFilterTriggerV3 } from '../OrFilterTrigger-f0c8aabf.js';
-export { s as OrFilterV3 } from '../OrFilter-f35ada6b.js';
+export { s as OrFilterTriggerV3 } from '../OrFilterTrigger-fc018707.js';
+export { s as OrFilterV3 } from '../OrFilter-072d25aa.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-00617713.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-893719a1.js';
 export { s as OrHint } from '../OrHint-8822005b.js';

package/dist/esm/v3/components/or-filter-trigger-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrFilterTriggerV3 } from '../../OrFilterTrigger-f0c8aabf.js';
+export { s as OrFilterTriggerV3 } from '../../OrFilterTrigger-fc018707.js';
 import 'vue-demi';
 import '../../OrIconButton-5a508869.js';
 import '../../OrIcon-9aff520e.js';

package/dist/esm/v3/components/or-filter-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrFilterV3 } from '../../OrFilter-f35ada6b.js';
+export { s as OrFilterV3 } from '../../OrFilter-072d25aa.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';
@@ -27,4 +27,4 @@ import '../../OrBottomSheet-a7a06f7f.js';
 import '../../useTheme-dc76b423.js';
 import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
-import '../../OrFilterTrigger-f0c8aabf.js';
+import '../../OrFilterTrigger-fc018707.js';

package/dist/esm/v3/index.js

@@ -55,8 +55,8 @@ export { s as OrErrorV3 } from './OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-84445327.js';
 export { F as FabColor, s as OrFabV3 } from './OrFab-f949bf4f.js';
 export { s as OrFilterPopoverV3 } from './OrFilterPopover-2832fbc3.js';
-export { s as OrFilterTriggerV3 } from './OrFilterTrigger-f0c8aabf.js';
-export { s as OrFilterV3 } from './OrFilter-f35ada6b.js';
+export { s as OrFilterTriggerV3 } from './OrFilterTrigger-fc018707.js';
+export { s as OrFilterV3 } from './OrFilter-072d25aa.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-00617713.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroup-893719a1.js';
 export { s as OrHint } from './OrHint-8822005b.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "15.2.0-beta.4701.0",
+  "version": "15.2.0-beta.4702.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -40,7 +40,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "1.5.3",
-    "@onereach/styles": "^15.2.0-beta.4701.0",
+    "@onereach/styles": "^15.1.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",

package/src/components/or-filter-trigger-v3/OrFilterTrigger.vue

@@ -92,6 +92,7 @@ export default defineComponent({
       rootStyles,
 
       labelStyles,
+
       tagStyles,
 
       reset,

package/src/components/or-filter-trigger-v3/styles.ts

@@ -41,6 +41,14 @@ export const FilterTrigger: string[] = [
   // Theme (activated)
   'activated:theme-background-primary-translucent-1',
   'dark:activated:theme-background-primary-translucent-1-dark',
+
+  // Theme (.or-icon-v3)
+  '[&_.or-icon-v3]:theme-foreground-primary',
+  'dark:[&_.or-icon-v3]:theme-foreground-primary-dark',
+
+  // Theme (.or-icon-v3 / hover)
+  '[&_.or-icon-v3]:hover:theme-foreground-primary-hover',
+  'dark:[&_.or-icon-v3]:hover:theme-foreground-primary-hover-dark',
 ];
 
 export const FilterTriggerLabel: string[] = [