@frontify/fondue-components 20.0.0-beta.2 → 20.0.0-beta.3
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/fondue-components37.js +1 -1
- package/dist/fondue-components40.js +1 -1
- package/dist/fondue-components42.js +1 -1
- package/dist/fondue-components77.js +5 -5
- package/dist/fondue-components81.js +17 -2
- package/dist/fondue-components81.js.map +1 -1
- package/dist/fondue-components82.js +2 -17
- package/dist/fondue-components82.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/style.css +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FOCUS_OUTLINE as e } from "./fondue-
|
|
1
|
+
import { FOCUS_OUTLINE as e } from "./fondue-components82.js";
|
|
2
2
|
import { sv as a } from "./fondue-components36.js";
|
|
3
3
|
const s = a({
|
|
4
4
|
base: `tw-group tw-relative tw-flex tw-flex-row tw-gap-2 tw-items-center tw-justify-center tw-cursor-pointer tw-font-primary tw-font-medium tw-box-border tw-whitespace-nowrap tw-transition-colors ${e}`,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FOCUS_OUTLINE as t } from "./fondue-
|
|
1
|
+
import { FOCUS_OUTLINE as t } from "./fondue-components82.js";
|
|
2
2
|
import { sv as e } from "./fondue-components36.js";
|
|
3
3
|
const r = e({
|
|
4
4
|
base: `tw-peer tw-relative tw-inline-flex tw-bg-surface tw-text-white tw-shrink-0 tw-rounded-medium tw-border tw-border-line-strong group-hover:tw-border-line-strong hover:tw-border-line-strong tw-transition-colors data-[state="checked"]:tw-border-transparent data-[state="indeterminate"]:tw-border-transparent disabled:tw-border-line-strong disabled:tw-bg-surface disabled:tw-cursor-not-allowed data-[state="checked"]:disabled:tw-bg-disabled ${t}`,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as s, jsx as e, Fragment as f } from "react/jsx-runtime";
|
|
2
2
|
import { IconDroplet as h, IconCross as I, IconCaretDown as v } from "@frontify/fondue-icons";
|
|
3
3
|
import { forwardRef as b } from "react";
|
|
4
|
-
import t from "./fondue-
|
|
4
|
+
import t from "./fondue-components81.js";
|
|
5
5
|
import { getColorWithName as k, colorToCss as y } from "./fondue-components45.js";
|
|
6
6
|
const c = ({
|
|
7
7
|
id: l,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
base:
|
|
3
|
-
dark:
|
|
1
|
+
const t = "_base_wfpt2_1", s = "_dark_wfpt2_249", _ = "_light_wfpt2_316", a = {
|
|
2
|
+
base: t,
|
|
3
|
+
dark: s,
|
|
4
4
|
light: _
|
|
5
5
|
};
|
|
6
6
|
export {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
t as base,
|
|
8
|
+
s as dark,
|
|
9
9
|
a as default,
|
|
10
10
|
_ as light
|
|
11
11
|
};
|
|
@@ -1,5 +1,20 @@
|
|
|
1
|
-
const t = "
|
|
1
|
+
const o = "_root_ujluq_5", t = "_colorName_ujluq_55", c = "_button_ujluq_63", _ = "_colorIndicator_ujluq_76", r = "_actions_ujluq_95", l = "_clear_ujluq_105", u = "_caret_ujluq_118", a = {
|
|
2
|
+
root: o,
|
|
3
|
+
colorName: t,
|
|
4
|
+
button: c,
|
|
5
|
+
colorIndicator: _,
|
|
6
|
+
actions: r,
|
|
7
|
+
clear: l,
|
|
8
|
+
caret: u
|
|
9
|
+
};
|
|
2
10
|
export {
|
|
3
|
-
|
|
11
|
+
r as actions,
|
|
12
|
+
c as button,
|
|
13
|
+
u as caret,
|
|
14
|
+
l as clear,
|
|
15
|
+
_ as colorIndicator,
|
|
16
|
+
t as colorName,
|
|
17
|
+
a as default,
|
|
18
|
+
o as root
|
|
4
19
|
};
|
|
5
20
|
//# sourceMappingURL=fondue-components81.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fondue-components81.js","sources":[
|
|
1
|
+
{"version":3,"file":"fondue-components81.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,20 +1,5 @@
|
|
|
1
|
-
const
|
|
2
|
-
root: o,
|
|
3
|
-
colorName: t,
|
|
4
|
-
button: c,
|
|
5
|
-
colorIndicator: _,
|
|
6
|
-
actions: r,
|
|
7
|
-
clear: l,
|
|
8
|
-
caret: u
|
|
9
|
-
};
|
|
1
|
+
const t = "focus-visible:tw-outline has-[[data-show-focus-ring=true]]:tw-outline tw-outline-4 tw-outline-offset-2 tw-outline-blue focus-visible:tw-outline-blue";
|
|
10
2
|
export {
|
|
11
|
-
|
|
12
|
-
c as button,
|
|
13
|
-
u as caret,
|
|
14
|
-
l as clear,
|
|
15
|
-
_ as colorIndicator,
|
|
16
|
-
t as colorName,
|
|
17
|
-
a as default,
|
|
18
|
-
o as root
|
|
3
|
+
t as FOCUS_OUTLINE
|
|
19
4
|
};
|
|
20
5
|
//# sourceMappingURL=fondue-components82.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fondue-components82.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fondue-components82.js","sources":["../src/utilities/focusStyle.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const FOCUS_OUTLINE =\n 'focus-visible:tw-outline has-[[data-show-focus-ring=true]]:tw-outline tw-outline-4 tw-outline-offset-2 tw-outline-blue focus-visible:tw-outline-blue'; // second declaration of tw-outline-blue is to assure that in firefox the outline isn't overriden by a global definition of :-moz-focusring which is coming from tailwinds normalization styling\n"],"names":["FOCUS_OUTLINE"],"mappings":"AAEO,MAAMA,IACT;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2034,7 +2034,7 @@ declare type TextSize = 'x-small' | 'small' | 'medium' | 'large';
|
|
|
2034
2034
|
|
|
2035
2035
|
declare type TextWeight = 'default' | 'strong' | 'x-strong';
|
|
2036
2036
|
|
|
2037
|
-
export declare const ThemeContext: Context<"
|
|
2037
|
+
export declare const ThemeContext: Context<"base" | "dark" | "light">;
|
|
2038
2038
|
|
|
2039
2039
|
export declare const ThemeProvider: ({ children, theme, asChild }: ThemeProviderProps) => JSX_2.Element;
|
|
2040
2040
|
|
|
@@ -2103,7 +2103,7 @@ declare type TooltipTriggerProps = {
|
|
|
2103
2103
|
'data-test-id'?: string;
|
|
2104
2104
|
};
|
|
2105
2105
|
|
|
2106
|
-
export declare const useFondueTheme: () => "
|
|
2106
|
+
export declare const useFondueTheme: () => "base" | "dark" | "light";
|
|
2107
2107
|
|
|
2108
2108
|
export { }
|
|
2109
2109
|
|