@onereach/ui-components 8.16.0-beta.3826.0 → 8.16.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.
- package/dist/bundled/v2/components/OrCardCollectionV3/styles.js +1 -1
- package/dist/bundled/v2/components/OrRatingV3/OrRating.js +1 -0
- package/dist/bundled/v2/components/OrTabsV3/OrTabs.js +1 -1
- package/dist/bundled/v2/components/OrTabsV3/styles.js +9 -9
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/index.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/props.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrCardCollectionV3-af35c6ed.js → OrCardCollectionV3-db70636f.js} +1 -1
- package/dist/bundled/v3/components/OrRatingV3/OrRating.js +1 -1
- package/dist/bundled/v3/components/OrRatingV3/index.js +1 -1
- package/dist/bundled/v3/components/OrRatingV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrRatingV3-9531b621.js → OrRatingV3-b6b47938.js} +5 -2
- package/dist/bundled/v3/components/OrTabsV3/OrTabs.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/props.js +1 -1
- package/dist/bundled/v3/components/OrTabsV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrTabsV3-962b35aa.js → OrTabsV3-04c6d108.js} +10 -10
- package/dist/bundled/v3/components/index.js +3 -3
- package/dist/bundled/v3/index.js +4 -4
- package/dist/esm/v2/{OrCardCollection-38f8afb9.js → OrCardCollection-a5af5643.js} +1 -1
- package/dist/esm/v2/{OrRating-daf4f801.js → OrRating-abf1b609.js} +1 -0
- package/dist/esm/v2/{OrTabs-5d967a02.js → OrTabs-778ce12d.js} +10 -10
- package/dist/esm/v2/components/index.js +3 -3
- package/dist/esm/v2/components/or-card-collection-v3/index.js +1 -1
- package/dist/esm/v2/components/or-rating-v3/index.js +1 -1
- package/dist/esm/v2/components/or-tabs-v3/index.js +1 -1
- package/dist/esm/v2/index.js +3 -3
- package/dist/esm/v3/{OrCardCollection-bbb40f43.js → OrCardCollection-66ef68c6.js} +1 -1
- package/dist/esm/v3/{OrRating-65159952.js → OrRating-ec9462c5.js} +5 -2
- package/dist/esm/v3/{OrTabs-dc3137e8.js → OrTabs-e53980aa.js} +10 -10
- package/dist/esm/v3/components/index.js +3 -3
- package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
- package/dist/esm/v3/components/or-rating-v3/index.js +1 -1
- package/dist/esm/v3/components/or-tabs-v3/index.js +1 -1
- package/dist/esm/v3/index.js +3 -3
- package/package.json +3 -2
- package/src/components/or-card-collection-v3/styles.ts +1 -1
- package/src/components/or-rating-v3/OrRating.vue +1 -1
- package/src/components/or-tabs-v3/OrTabs.vue +1 -1
- package/src/components/or-tabs-v3/styles.ts +8 -12
|
@@ -25,7 +25,7 @@ const CardCollectionContent = [
|
|
|
25
25
|
// Overflow
|
|
26
26
|
'overflow-auto',
|
|
27
27
|
// Spacing
|
|
28
|
-
'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm
|
|
28
|
+
'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm'];
|
|
29
29
|
const CardCollectionContentViews = {
|
|
30
30
|
[CardCollectionView.Grid]: [
|
|
31
31
|
// Layout
|
|
@@ -83,7 +83,7 @@ var script = defineComponent({
|
|
|
83
83
|
[...children].reverse().forEach(element => {
|
|
84
84
|
if (currentWidth > rootElement.clientWidth) {
|
|
85
85
|
nextHiddenTabs.unshift(nextNormalTabs.pop());
|
|
86
|
-
currentWidth -= element.clientWidth + 16;
|
|
86
|
+
currentWidth -= element.clientWidth + (props.variant === TabsVariant.Default ? 16 : 0);
|
|
87
87
|
}
|
|
88
88
|
});
|
|
89
89
|
if (nextHiddenTabs.includes(activeTab)) {
|
|
@@ -7,25 +7,25 @@ const TabsContainer = [
|
|
|
7
7
|
'gap-lg'];
|
|
8
8
|
const Tabs = [
|
|
9
9
|
// Layout
|
|
10
|
-
'grid
|
|
11
|
-
// Box
|
|
12
|
-
'shrink-0',
|
|
13
|
-
// Spacing
|
|
14
|
-
'gap-lg',
|
|
10
|
+
'grid grid-flow-col items-center shrink-0',
|
|
15
11
|
// Theme
|
|
16
12
|
'theme-border-underline', 'theme-border-1-outline', 'dark:theme-border-1-outline'];
|
|
17
13
|
const TabsVariants = {
|
|
18
14
|
'default': [
|
|
19
15
|
// Layout
|
|
20
|
-
'auto-cols-max'
|
|
16
|
+
'auto-cols-max',
|
|
17
|
+
// Spacing
|
|
18
|
+
'gap-lg'],
|
|
21
19
|
'fitted': [
|
|
22
20
|
// Layout
|
|
23
|
-
'auto-cols-auto'
|
|
21
|
+
'auto-cols-auto',
|
|
22
|
+
// Spacing (children)
|
|
23
|
+
'children:px-lg']
|
|
24
24
|
};
|
|
25
25
|
const TabsContent = [
|
|
26
26
|
// Layout
|
|
27
27
|
'grow',
|
|
28
|
-
//
|
|
29
|
-
'
|
|
28
|
+
// Overflow
|
|
29
|
+
'overflow-auto'];
|
|
30
30
|
|
|
31
31
|
export { Tabs, TabsContainer, TabsContent, TabsVariants };
|