@frontify/fondue-components 1.0.0 → 1.1.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/fondue-components.js +10 -0
- package/dist/fondue-components.js.map +1 -0
- package/dist/fondue-components10.js +38 -0
- package/dist/fondue-components10.js.map +1 -0
- package/dist/fondue-components11.js +10 -0
- package/dist/fondue-components11.js.map +1 -0
- package/dist/fondue-components12.js +5 -0
- package/dist/fondue-components12.js.map +1 -0
- package/dist/fondue-components13.js +33 -0
- package/dist/fondue-components13.js.map +1 -0
- package/dist/fondue-components14.js +602 -0
- package/dist/fondue-components14.js.map +1 -0
- package/dist/fondue-components15.js +2363 -0
- package/dist/fondue-components15.js.map +1 -0
- package/dist/fondue-components16.js +146 -0
- package/dist/fondue-components16.js.map +1 -0
- package/dist/fondue-components17.js +5 -0
- package/dist/fondue-components17.js.map +1 -0
- package/dist/fondue-components18.js +5 -0
- package/dist/fondue-components18.js.map +1 -0
- package/dist/fondue-components19.js +32 -0
- package/dist/fondue-components19.js.map +1 -0
- package/dist/fondue-components2.js +2 -0
- package/dist/fondue-components2.js.map +1 -0
- package/dist/fondue-components3.js +49 -0
- package/dist/fondue-components3.js.map +1 -0
- package/dist/fondue-components4.js +56 -0
- package/dist/fondue-components4.js.map +1 -0
- package/dist/fondue-components5.js +38 -0
- package/dist/fondue-components5.js.map +1 -0
- package/dist/fondue-components6.js +9 -0
- package/dist/fondue-components6.js.map +1 -0
- package/dist/fondue-components7.js +144 -0
- package/dist/fondue-components7.js.map +1 -0
- package/dist/fondue-components8.js +108 -0
- package/dist/fondue-components8.js.map +1 -0
- package/dist/fondue-components9.js +105 -0
- package/dist/fondue-components9.js.map +1 -0
- package/dist/index.d.ts +122 -0
- package/dist/style.css +1 -0
- package/package.json +9 -3
- package/.eslintignore +0 -4
- package/.eslintrc.cjs +0 -33
- package/.prettierignore +0 -1
- package/.prettierrc +0 -17
- package/.storybook/DocumentationTemplate.mdx +0 -25
- package/.storybook/main.ts +0 -29
- package/.storybook/preview.ts +0 -54
- package/CHANGELOG.md +0 -24
- package/playwright/index.html +0 -12
- package/playwright/index.ts +0 -3
- package/playwright.config.ts +0 -29
- package/postcss.config.cjs +0 -8
- package/scripts/createNewComponent.ts +0 -42
- package/scripts/templates/__tests__/component.ct.tsx +0 -25
- package/scripts/templates/__tests__/component.spec.tsx +0 -24
- package/scripts/templates/component.stories.ts +0 -35
- package/scripts/templates/component.ts +0 -25
- package/scripts/templates/index.ts +0 -15
- package/scripts/templates/styles/componentStyles.tsx +0 -16
- package/scripts/transforms.ts +0 -13
- package/scripts/types.ts +0 -7
- package/src/components/Button/Button.stories.tsx +0 -57
- package/src/components/Button/Button.tsx +0 -111
- package/src/components/Button/styles/buttonStyles.ts +0 -175
- package/src/components/Button/styles/iconStyles.ts +0 -152
- package/src/components/Button/styles/textStyles.ts +0 -149
- package/src/components/Button/tests/Button.ct.tsx +0 -61
- package/src/components/Button/tests/Button.spec.tsx +0 -34
- package/src/components/Divider/Divider.stories.ts +0 -47
- package/src/components/Divider/Divider.tsx +0 -69
- package/src/components/Divider/__tests__/Divider.spec.tsx +0 -88
- package/src/components/LoadingBar/LoadingBar.stories.tsx +0 -32
- package/src/components/LoadingBar/LoadingBar.tsx +0 -68
- package/src/components/LoadingBar/styles/loadingBarStyles.ts +0 -38
- package/src/components/LoadingBar/tests/LoadingBar.ct.tsx +0 -39
- package/src/index.ts +0 -7
- package/src/setupTests.ts +0 -19
- package/src/styles.css +0 -33
- package/src/utilities/focusStyle.ts +0 -12
- package/src/utilities/styleUtilities.ts +0 -19
- package/src/utilities/tests/styleUtilities.spec.ts +0 -114
- package/tailwind.config.ts +0 -148
- package/tsconfig.json +0 -26
- package/tsconfig.node.json +0 -21
- package/vite.config.ts +0 -67
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "./fondue-components2.js";
|
|
2
|
+
import { Button as e } from "./fondue-components3.js";
|
|
3
|
+
import { Divider as m } from "./fondue-components4.js";
|
|
4
|
+
import { LoadingBar as f } from "./fondue-components5.js";
|
|
5
|
+
export {
|
|
6
|
+
e as Button,
|
|
7
|
+
m as Divider,
|
|
8
|
+
f as LoadingBar
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=fondue-components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fondue-components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { sv as t } from "./fondue-components11.js";
|
|
2
|
+
const a = t({
|
|
3
|
+
base: "tw-relative tw-w-full tw-overflow-hidden",
|
|
4
|
+
variants: {
|
|
5
|
+
rounded: {
|
|
6
|
+
true: "tw-rounded"
|
|
7
|
+
},
|
|
8
|
+
size: {
|
|
9
|
+
small: "tw-h-1",
|
|
10
|
+
medium: "tw-h-2",
|
|
11
|
+
large: "tw-h-3",
|
|
12
|
+
"x-large": "tw-h-4"
|
|
13
|
+
},
|
|
14
|
+
style: {
|
|
15
|
+
default: "tw-bg-box-selected",
|
|
16
|
+
positive: "tw-bg-box-positive",
|
|
17
|
+
negative: "tw-bg-box-negative"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}), i = t({
|
|
21
|
+
base: "tw-h-full tw-w-full",
|
|
22
|
+
variants: {
|
|
23
|
+
style: {
|
|
24
|
+
default: "tw-bg-text-interactive",
|
|
25
|
+
positive: "tw-bg-text-positive",
|
|
26
|
+
negative: "tw-bg-text-negative"
|
|
27
|
+
},
|
|
28
|
+
indeterminateState: {
|
|
29
|
+
true: "tw-animate-loading-bar-infinite tw-origin-left-right",
|
|
30
|
+
false: "tw-transition-all tw--translate-x-[calc(100%-var(--loading-bar-value))]"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export {
|
|
35
|
+
a as loadingBarContainerStyles,
|
|
36
|
+
i as loadingBarStyles
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=fondue-components10.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fondue-components10.js","sources":["../src/components/LoadingBar/styles/loadingBarStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { sv } from '#/utilities/styleUtilities';\n\nexport const loadingBarContainerStyles = sv({\n base: 'tw-relative tw-w-full tw-overflow-hidden',\n variants: {\n rounded: {\n true: 'tw-rounded',\n },\n size: {\n small: 'tw-h-1',\n medium: 'tw-h-2',\n large: 'tw-h-3',\n 'x-large': 'tw-h-4',\n },\n style: {\n default: 'tw-bg-box-selected',\n positive: 'tw-bg-box-positive',\n negative: 'tw-bg-box-negative',\n },\n },\n});\n\nexport const loadingBarStyles = sv({\n base: 'tw-h-full tw-w-full',\n variants: {\n style: {\n default: 'tw-bg-text-interactive',\n positive: 'tw-bg-text-positive',\n negative: 'tw-bg-text-negative',\n },\n indeterminateState: {\n true: 'tw-animate-loading-bar-infinite tw-origin-left-right',\n false: 'tw-transition-all tw--translate-x-[calc(100%-var(--loading-bar-value))]',\n },\n },\n});\n"],"names":["loadingBarContainerStyles","sv","loadingBarStyles"],"mappings":";AAIO,MAAMA,IAA4BC,EAAG;AAAA,EACxC,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IACd;AAAA,EACJ;AACJ,CAAC,GAEYC,IAAmBD,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACN,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IACd;AAAA,IACA,oBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,OAAO;AAAA,IACX;AAAA,EACJ;AACJ,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fondue-components11.js","sources":["../src/utilities/styleUtilities.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { extendTailwindMerge } from 'tailwind-merge';\nimport { type TV, tv } from 'tailwind-variants';\n\ntype ClassNameValue = ClassNameArray | string | null | undefined | 0 | false;\ntype ClassNameArray = ClassNameValue[];\n\nconst customTwMerge = extendTailwindMerge({\n prefix: 'tw-',\n});\n\nexport const cn = (...classLists: ClassNameValue[]): string => {\n return customTwMerge(...classLists);\n};\n\nexport const sv: TV = (variants) => {\n return tv(variants);\n};\n"],"names":["extendTailwindMerge","sv","variants","tv"],"mappings":";;AAQsBA,EAAoB;AAAA,EACtC,QAAQ;AACZ,CAAC;AAMY,MAAAC,IAAS,CAACC,MACZC,EAAGD,CAAQ;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fondue-components12.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { __exports as t } from "./fondue-components17.js";
|
|
2
|
+
import R from "react";
|
|
3
|
+
/**
|
|
4
|
+
* @license React
|
|
5
|
+
* react-jsx-runtime.production.min.js
|
|
6
|
+
*
|
|
7
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the MIT license found in the
|
|
10
|
+
* LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/
|
|
12
|
+
var p;
|
|
13
|
+
function v() {
|
|
14
|
+
if (p)
|
|
15
|
+
return t;
|
|
16
|
+
p = 1;
|
|
17
|
+
var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
18
|
+
function i(o, r, u) {
|
|
19
|
+
var e, n = {}, _ = null, f = null;
|
|
20
|
+
u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
|
|
21
|
+
for (e in r)
|
|
22
|
+
c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
|
|
23
|
+
if (o && o.defaultProps)
|
|
24
|
+
for (e in r = o.defaultProps, r)
|
|
25
|
+
n[e] === void 0 && (n[e] = r[e]);
|
|
26
|
+
return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
|
|
27
|
+
}
|
|
28
|
+
return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
|
|
29
|
+
}
|
|
30
|
+
export {
|
|
31
|
+
v as __require
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=fondue-components13.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fondue-components13.js","sources":["../../../node_modules/.pnpm/react@18.2.0/node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF;AAAE,MAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE;AAAa,WAAIG,KAAKF,IAAED,EAAE,cAAaC;AAAE,QAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}
|