@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.
Files changed (86) hide show
  1. package/dist/fondue-components.js +10 -0
  2. package/dist/fondue-components.js.map +1 -0
  3. package/dist/fondue-components10.js +38 -0
  4. package/dist/fondue-components10.js.map +1 -0
  5. package/dist/fondue-components11.js +10 -0
  6. package/dist/fondue-components11.js.map +1 -0
  7. package/dist/fondue-components12.js +5 -0
  8. package/dist/fondue-components12.js.map +1 -0
  9. package/dist/fondue-components13.js +33 -0
  10. package/dist/fondue-components13.js.map +1 -0
  11. package/dist/fondue-components14.js +602 -0
  12. package/dist/fondue-components14.js.map +1 -0
  13. package/dist/fondue-components15.js +2363 -0
  14. package/dist/fondue-components15.js.map +1 -0
  15. package/dist/fondue-components16.js +146 -0
  16. package/dist/fondue-components16.js.map +1 -0
  17. package/dist/fondue-components17.js +5 -0
  18. package/dist/fondue-components17.js.map +1 -0
  19. package/dist/fondue-components18.js +5 -0
  20. package/dist/fondue-components18.js.map +1 -0
  21. package/dist/fondue-components19.js +32 -0
  22. package/dist/fondue-components19.js.map +1 -0
  23. package/dist/fondue-components2.js +2 -0
  24. package/dist/fondue-components2.js.map +1 -0
  25. package/dist/fondue-components3.js +49 -0
  26. package/dist/fondue-components3.js.map +1 -0
  27. package/dist/fondue-components4.js +56 -0
  28. package/dist/fondue-components4.js.map +1 -0
  29. package/dist/fondue-components5.js +38 -0
  30. package/dist/fondue-components5.js.map +1 -0
  31. package/dist/fondue-components6.js +9 -0
  32. package/dist/fondue-components6.js.map +1 -0
  33. package/dist/fondue-components7.js +144 -0
  34. package/dist/fondue-components7.js.map +1 -0
  35. package/dist/fondue-components8.js +108 -0
  36. package/dist/fondue-components8.js.map +1 -0
  37. package/dist/fondue-components9.js +105 -0
  38. package/dist/fondue-components9.js.map +1 -0
  39. package/dist/index.d.ts +122 -0
  40. package/dist/style.css +1 -0
  41. package/package.json +9 -3
  42. package/.eslintignore +0 -4
  43. package/.eslintrc.cjs +0 -33
  44. package/.prettierignore +0 -1
  45. package/.prettierrc +0 -17
  46. package/.storybook/DocumentationTemplate.mdx +0 -25
  47. package/.storybook/main.ts +0 -29
  48. package/.storybook/preview.ts +0 -54
  49. package/CHANGELOG.md +0 -24
  50. package/playwright/index.html +0 -12
  51. package/playwright/index.ts +0 -3
  52. package/playwright.config.ts +0 -29
  53. package/postcss.config.cjs +0 -8
  54. package/scripts/createNewComponent.ts +0 -42
  55. package/scripts/templates/__tests__/component.ct.tsx +0 -25
  56. package/scripts/templates/__tests__/component.spec.tsx +0 -24
  57. package/scripts/templates/component.stories.ts +0 -35
  58. package/scripts/templates/component.ts +0 -25
  59. package/scripts/templates/index.ts +0 -15
  60. package/scripts/templates/styles/componentStyles.tsx +0 -16
  61. package/scripts/transforms.ts +0 -13
  62. package/scripts/types.ts +0 -7
  63. package/src/components/Button/Button.stories.tsx +0 -57
  64. package/src/components/Button/Button.tsx +0 -111
  65. package/src/components/Button/styles/buttonStyles.ts +0 -175
  66. package/src/components/Button/styles/iconStyles.ts +0 -152
  67. package/src/components/Button/styles/textStyles.ts +0 -149
  68. package/src/components/Button/tests/Button.ct.tsx +0 -61
  69. package/src/components/Button/tests/Button.spec.tsx +0 -34
  70. package/src/components/Divider/Divider.stories.ts +0 -47
  71. package/src/components/Divider/Divider.tsx +0 -69
  72. package/src/components/Divider/__tests__/Divider.spec.tsx +0 -88
  73. package/src/components/LoadingBar/LoadingBar.stories.tsx +0 -32
  74. package/src/components/LoadingBar/LoadingBar.tsx +0 -68
  75. package/src/components/LoadingBar/styles/loadingBarStyles.ts +0 -38
  76. package/src/components/LoadingBar/tests/LoadingBar.ct.tsx +0 -39
  77. package/src/index.ts +0 -7
  78. package/src/setupTests.ts +0 -19
  79. package/src/styles.css +0 -33
  80. package/src/utilities/focusStyle.ts +0 -12
  81. package/src/utilities/styleUtilities.ts +0 -19
  82. package/src/utilities/tests/styleUtilities.spec.ts +0 -114
  83. package/tailwind.config.ts +0 -148
  84. package/tsconfig.json +0 -26
  85. package/tsconfig.node.json +0 -21
  86. 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,10 @@
1
+ import { extendTailwindMerge as e } from "./fondue-components15.js";
2
+ import { tv as t } from "./fondue-components16.js";
3
+ e({
4
+ prefix: "tw-"
5
+ });
6
+ const m = (r) => t(r);
7
+ export {
8
+ m as sv
9
+ };
10
+ //# sourceMappingURL=fondue-components11.js.map
@@ -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,5 @@
1
+ var e = { exports: {} };
2
+ export {
3
+ e as __module
4
+ };
5
+ //# sourceMappingURL=fondue-components12.js.map
@@ -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]}