@cdx-ui/components 0.0.1-beta.136 → 0.0.1-beta.137

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 (5) hide show
  1. package/lib/commonjs/components/Tabs/styles.js +3 -3
  2. package/lib/module/components/Tabs/styles.js +3 -3
  3. package/lib/typescript/components/Tabs/styles.d.ts +2 -2
  4. package/package.json +4 -4
  5. package/src/components/Tabs/styles.ts +3 -3
package/lib/commonjs/components/Tabs/styles.js CHANGED
@@ -36,10 +36,10 @@ const OUTLINE_INDICATOR_THICKNESS = exports.OUTLINE_INDICATOR_THICKNESS = 2;
36
36
 
37
37
  /**
38
38
  * Shared duration (ms) for the indicator's `withTiming` glide (`index.tsx`) and the tab's
39
- * `duration-300` transition class (below) — kept in sync so the focus ring doesn't snap in
39
+ * `duration-150` transition class (below) — kept in sync so the focus ring doesn't snap in
40
40
  * ahead of a still-sliding solid/outline indicator. Change both together.
41
41
  */
42
- const TABS_INDICATOR_TRANSITION_MS = exports.TABS_INDICATOR_TRANSITION_MS = 300;
42
+ const TABS_INDICATOR_TRANSITION_MS = exports.TABS_INDICATOR_TRANSITION_MS = 150;
43
43
 
44
44
  /** Outline horizontal scroll — narrow fade reads cleanly against the page background. */
45
45
  const TABS_SCROLL_FADE_SIZE = exports.TABS_SCROLL_FADE_SIZE = 32;
@@ -255,7 +255,7 @@ const tabsTabVariants = exports.tabsTabVariants = (0, _classVarianceAuthority.cv
255
255
  // `transition` (not `transition-colors`) — its default property list includes `box-shadow`,
256
256
  // so the focus ring eases in over `TABS_INDICATOR_TRANSITION_MS` instead of snapping in
257
257
  // ahead of the indicator, which glides over the same duration (see `index.tsx`).
258
- 'transition duration-300', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.DISABLED_CURSOR, _reactNative.Platform.select({
258
+ 'transition duration-150', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.DISABLED_CURSOR, _reactNative.Platform.select({
259
259
  web: ['outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
260
260
  default: ''
261
261
  })], {
package/lib/module/components/Tabs/styles.js CHANGED
@@ -33,10 +33,10 @@ export const OUTLINE_INDICATOR_THICKNESS = 2;
33
33
 
34
34
  /**
35
35
  * Shared duration (ms) for the indicator's `withTiming` glide (`index.tsx`) and the tab's
36
- * `duration-300` transition class (below) — kept in sync so the focus ring doesn't snap in
36
+ * `duration-150` transition class (below) — kept in sync so the focus ring doesn't snap in
37
37
  * ahead of a still-sliding solid/outline indicator. Change both together.
38
38
  */
39
- export const TABS_INDICATOR_TRANSITION_MS = 300;
39
+ export const TABS_INDICATOR_TRANSITION_MS = 150;
40
40
 
41
41
  /** Outline horizontal scroll — narrow fade reads cleanly against the page background. */
42
42
  export const TABS_SCROLL_FADE_SIZE = 32;
@@ -252,7 +252,7 @@ export const tabsTabVariants = cva(['relative z-10 items-center justify-center',
252
252
  // `transition` (not `transition-colors`) — its default property list includes `box-shadow`,
253
253
  // so the focus ring eases in over `TABS_INDICATOR_TRANSITION_MS` instead of snapping in
254
254
  // ahead of the indicator, which glides over the same duration (see `index.tsx`).
255
- 'transition duration-300', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR, Platform.select({
255
+ 'transition duration-150', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR, Platform.select({
256
256
  web: ['outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
257
257
  default: ''
258
258
  })], {
package/lib/typescript/components/Tabs/styles.d.ts CHANGED
@@ -4,10 +4,10 @@ export type TabsVariant = 'outline' | 'solid';
4
4
  export declare const OUTLINE_INDICATOR_THICKNESS = 2;
5
5
  /**
6
6
  * Shared duration (ms) for the indicator's `withTiming` glide (`index.tsx`) and the tab's
7
- * `duration-300` transition class (below) — kept in sync so the focus ring doesn't snap in
7
+ * `duration-150` transition class (below) — kept in sync so the focus ring doesn't snap in
8
8
  * ahead of a still-sliding solid/outline indicator. Change both together.
9
9
  */
10
- export declare const TABS_INDICATOR_TRANSITION_MS = 300;
10
+ export declare const TABS_INDICATOR_TRANSITION_MS = 150;
11
11
  /** Outline horizontal scroll — narrow fade reads cleanly against the page background. */
12
12
  export declare const TABS_SCROLL_FADE_SIZE = 32;
13
13
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.0.1-beta.136",
3
+ "version": "0.0.1-beta.137",
4
4
  "license": "MIT",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -77,9 +77,9 @@
77
77
  "class-variance-authority": "^0.7.1",
78
78
  "react-native-reanimated-carousel": "5.0.0-beta.5",
79
79
  "uniwind": "1.10.0",
80
- "@cdx-ui/primitives": "0.0.1-beta.136",
81
- "@cdx-ui/utils": "0.0.1-beta.136",
82
- "@cdx-ui/icons": "0.0.1-beta.136"
80
+ "@cdx-ui/primitives": "0.0.1-beta.137",
81
+ "@cdx-ui/utils": "0.0.1-beta.137",
82
+ "@cdx-ui/icons": "0.0.1-beta.137"
83
83
  },
84
84
  "devDependencies": {
85
85
  "@react-navigation/bottom-tabs": "*",
package/src/components/Tabs/styles.ts CHANGED
@@ -32,10 +32,10 @@ export const OUTLINE_INDICATOR_THICKNESS = 2;
32
32
 
33
33
  /**
34
34
  * Shared duration (ms) for the indicator's `withTiming` glide (`index.tsx`) and the tab's
35
- * `duration-300` transition class (below) — kept in sync so the focus ring doesn't snap in
35
+ * `duration-150` transition class (below) — kept in sync so the focus ring doesn't snap in
36
36
  * ahead of a still-sliding solid/outline indicator. Change both together.
37
37
  */
38
- export const TABS_INDICATOR_TRANSITION_MS = 300;
38
+ export const TABS_INDICATOR_TRANSITION_MS = 150;
39
39
 
40
40
  /** Outline horizontal scroll — narrow fade reads cleanly against the page background. */
41
41
  export const TABS_SCROLL_FADE_SIZE = 32;
@@ -255,7 +255,7 @@ export const tabsTabVariants = cva(
255
255
  // `transition` (not `transition-colors`) — its default property list includes `box-shadow`,
256
256
  // so the focus ring eases in over `TABS_INDICATOR_TRANSITION_MS` instead of snapping in
257
257
  // ahead of the indicator, which glides over the same duration (see `index.tsx`).
258
- 'transition duration-300',
258
+ 'transition duration-150',
259
259
  'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
260
260
  DISABLED_CURSOR,
261
261
  Platform.select({