@onereach/ui-components 15.2.1 → 15.2.2

package/dist/esm/v2/{OrCard-42359715.js → OrCard-4f970f6a.js}

@@ -28,9 +28,7 @@ const CardInteractive = [
 // Hover
 'hover:shadow-contextual hover:dark:shadow-contextual-dark',
 // Selected
-'selected:bg-surface-1 dark:selected:bg-surface-1-dark', 'selected:shadow-card selected:dark:shadow-card-dark',
-// Active
-'active:bg-surface-1 dark:active:bg-surface-1-dark', 'active:shadow-card active:dark:shadow-card-dark'];
+'selected:bg-primary-opacity-0-08 dark:selected:bg-primary-opacity-0-08-dark', 'selected:shadow-card selected:dark:shadow-card-dark'];
 
 var script = defineComponent({
   name: 'OrCard',

package/dist/esm/v2/{OrCardCollection-1c7a0fe2.js → OrCardCollection-75ccfd98.js}

@@ -45,14 +45,18 @@ const CardCollectionContent = [
 // Overflow
 'overflow-auto',
 // Spacing
-'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm'];
+'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm'];
 const CardCollectionContentViews = {
   [CardCollectionView.Grid]: [
   // Layout
-  'grid-cols-1 md:grid-cols-5'],
+  'grid-cols-1 md:grid-cols-5',
+  // Spacing
+  'gap-sm md:gap-md'],
   [CardCollectionView.List]: [
   // Layout
-  'grid-cols-1']
+  'grid-cols-1',
+  // Spacing
+  'gap-sm']
 };
 const CardCollectionEmptyContentItem = [
 // Layout

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

@@ -11,8 +11,8 @@ export { _ as OrButtonV3 } from '../OrButton-3a743a90.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButton.vue_rollup-plugin-vue_script-e8900483.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-5c35e100.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-1c7a0fe2.js';
-export { C as CardPadding, _ as OrCardV3 } from '../OrCard-42359715.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-75ccfd98.js';
+export { C as CardPadding, _ as OrCardV3 } from '../OrCard-4f970f6a.js';
 export { _ as OrCheckbox } from '../OrCheckbox-a91ae887.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-9b5928f0.js';
 export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-577fdb91.js';

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

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-1c7a0fe2.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-75ccfd98.js';
 import 'vue-demi';
 import '../../OrIconButton-efaf73f5.js';
 import '../../OrIcon-0a14dafc.js';

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

@@ -1,3 +1,3 @@
-export { C as CardPadding, _ as OrCardV3 } from '../../OrCard-42359715.js';
+export { C as CardPadding, _ as OrCardV3 } from '../../OrCard-4f970f6a.js';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/index.js

@@ -11,8 +11,8 @@ export { _ as OrButtonV3 } from './OrButton-3a743a90.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-e8900483.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-5c35e100.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-1c7a0fe2.js';
-export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-75ccfd98.js';
+export { C as CardPadding, _ as OrCardV3 } from './OrCard-4f970f6a.js';
 export { _ as OrCheckbox } from './OrCheckbox-a91ae887.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-9b5928f0.js';
 export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-577fdb91.js';

package/dist/esm/v3/{OrCard-c2ef331b.js → OrCard-999571e5.js}

@@ -28,9 +28,7 @@ const CardInteractive = [
 // Hover
 'hover:shadow-contextual hover:dark:shadow-contextual-dark',
 // Selected
-'selected:bg-surface-1 dark:selected:bg-surface-1-dark', 'selected:shadow-card selected:dark:shadow-card-dark',
-// Active
-'active:bg-surface-1 dark:active:bg-surface-1-dark', 'active:shadow-card active:dark:shadow-card-dark'];
+'selected:bg-primary-opacity-0-08 dark:selected:bg-primary-opacity-0-08-dark', 'selected:shadow-card selected:dark:shadow-card-dark'];
 
 var script = defineComponent({
   name: 'OrCard',

package/dist/esm/v3/{OrCardCollection-cd534916.js → OrCardCollection-b4a2eaae.js}

@@ -45,14 +45,18 @@ const CardCollectionContent = [
 // Overflow
 'overflow-auto',
 // Spacing
-'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm'];
+'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm'];
 const CardCollectionContentViews = {
   [CardCollectionView.Grid]: [
   // Layout
-  'grid-cols-1 md:grid-cols-5'],
+  'grid-cols-1 md:grid-cols-5',
+  // Spacing
+  'gap-sm md:gap-md'],
   [CardCollectionView.List]: [
   // Layout
-  'grid-cols-1']
+  'grid-cols-1',
+  // Spacing
+  'gap-sm']
 };
 const CardCollectionEmptyContentItem = [
 // Layout

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

@@ -9,8 +9,8 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-31bcb511.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-6559e6fa.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-cd534916.js';
-export { C as CardPadding, s as OrCardV3 } from '../OrCard-c2ef331b.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-b4a2eaae.js';
+export { C as CardPadding, s as OrCardV3 } from '../OrCard-999571e5.js';
 export { s as OrCheckbox } from '../OrCheckbox-9d30d1d2.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-3864819c.js';
 export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-66494405.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-cd534916.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-b4a2eaae.js';
 import 'vue-demi';
 import '../../OrIconButton-5a508869.js';
 import '../../OrIcon-9aff520e.js';

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

@@ -1,3 +1,3 @@
-export { C as CardPadding, s as OrCardV3 } from '../../OrCard-c2ef331b.js';
+export { C as CardPadding, s as OrCardV3 } from '../../OrCard-999571e5.js';
 import 'vue-demi';
 import 'vue';

package/dist/esm/v3/index.js

@@ -9,8 +9,8 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-31bcb511.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-6559e6fa.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-cd534916.js';
-export { C as CardPadding, s as OrCardV3 } from './OrCard-c2ef331b.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-b4a2eaae.js';
+export { C as CardPadding, s as OrCardV3 } from './OrCard-999571e5.js';
 export { s as OrCheckbox } from './OrCheckbox-9d30d1d2.js';
 export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-3864819c.js';
 export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-66494405.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "15.2.1",
+  "version": "15.2.2",
   "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.1",
+    "@onereach/styles": "^15.2.2",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -180,5 +180,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "a900d1df4d9dd01da5d2a83dd2af04f0ba285af5"
+  "gitHead": "93daef0030a9dbf66a0b1d519ae28a2e7e42de84"
 }

package/src/components/or-card-collection-v3/styles.ts

@@ -46,19 +46,23 @@ export const CardCollectionContent: string[] = [
 
   'px-sm',
   'py-sm',
-
-  'gap-sm',
 ];
 
 export const CardCollectionContentViews: Record<CardCollectionView, string[]> = {
   [CardCollectionView.Grid]: [
     // Layout
     'grid-cols-1 md:grid-cols-5',
+
+    // Spacing
+    'gap-sm md:gap-md',
   ],
 
   [CardCollectionView.List]: [
     // Layout
     'grid-cols-1',
+
+    // Spacing
+    'gap-sm',
   ],
 };
 

package/src/components/or-card-v3/styles.ts

@@ -33,10 +33,6 @@ export const CardInteractive: string[] = [
   'hover:shadow-contextual hover:dark:shadow-contextual-dark',
 
   // Selected
-  'selected:bg-surface-1 dark:selected:bg-surface-1-dark',
+  'selected:bg-primary-opacity-0-08 dark:selected:bg-primary-opacity-0-08-dark',
   'selected:shadow-card selected:dark:shadow-card-dark',
-
-  // Active
-  'active:bg-surface-1 dark:active:bg-surface-1-dark',
-  'active:shadow-card active:dark:shadow-card-dark',
 ];