@szum-tech/design-system 1.9.0 → 1.10.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/{chunk-V5HU3D4L.mjs → chunk-2JV3WC5F.mjs} +1 -1
- package/{chunk-IU6YFFFX.js → chunk-DWKYRY4G.js} +2 -2
- package/{chunk-ZXKZOOUS.js → chunk-GBCDMJLD.js} +8 -1
- package/{chunk-L7XC4VZM.mjs → chunk-HLQHRZMK.mjs} +2 -1
- package/components/Button/index.d.ts +1 -1
- package/components/Button/index.js +3 -3
- package/components/Button/index.mjs +2 -2
- package/components/index.d.ts +1 -2
- package/components/index.js +4 -12
- package/components/index.mjs +3 -3
- package/{loading-b90ed1cb.d.ts → icons/index.d.ts} +2 -1
- package/{components/Icons → icons}/index.js +3 -3
- package/icons/index.mjs +1 -0
- package/index.d.ts +1 -2
- package/index.js +5 -13
- package/index.mjs +4 -4
- package/package.json +4 -3
- package/components/Icons/index.d.ts +0 -3
- package/components/Icons/index.mjs +0 -1
- package/{Button-0370c8dc.d.ts → Button.types-c2ca38e7.d.ts} +12 -12
- /package/{chunk-AZOTATFN.js → chunk-KM2W6K6Q.js} +0 -0
- /package/{chunk-CWYY7UTM.mjs → chunk-M6ZHBILH.mjs} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkGBCDMJLD_js = require('./chunk-GBCDMJLD.js');
|
|
4
4
|
var r = require('react');
|
|
5
5
|
var classVarianceAuthority = require('class-variance-authority');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -25,6 +25,6 @@ function _interopNamespace(e) {
|
|
|
25
25
|
|
|
26
26
|
var r__namespace = /*#__PURE__*/_interopNamespace(r);
|
|
27
27
|
|
|
28
|
-
var p=classVarianceAuthority.cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-500","hover:border-gray-500 hover:bg-gray-500","active:text-white active:border-gray-400 active:bg-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-gray-600","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-gray-600","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),l=classVarianceAuthority.cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),d=classVarianceAuthority.cva("",{variants:{loading:{true:"animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var V=r__namespace.forwardRef(function({as:u,block:h=!1,color:y="primary",children:x,size:e="md",variant:w="text",disabled:f=!1,startIcon:C,endIcon:R,type:k,loading:t=!1,loadingPosition:b="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b==="start",g=o?jsxRuntime.jsx(
|
|
28
|
+
var p=classVarianceAuthority.cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{block:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem]",md:"px-4 py-1.5 text-sm",lg:"px-5 py-2 text-[.9375rem]"},variant:{text:"border-transparent bg-transparent hover:text-white",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-500","hover:border-gray-500 hover:bg-gray-500","active:text-white active:border-gray-400 active:bg-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-100","hover:bg-gray-100 hover:text-gray-600","active:text-gray-600 active:bg-gray-200"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["border-gray-100 bg-gray-100 text-gray-600","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{block:!1,color:"primary",size:"md",variant:"text"}}),l=classVarianceAuthority.cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),d=classVarianceAuthority.cva("",{variants:{loading:{true:"animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var V=r__namespace.forwardRef(function({as:u,block:h=!1,color:y="primary",children:x,size:e="md",variant:w="text",disabled:f=!1,startIcon:C,endIcon:R,type:k,loading:t=!1,loadingPosition:b="start",...T},z){let v=u||"button",I=p({block:h,size:e,variant:w,color:y}),o=t&&b==="start",g=o?jsxRuntime.jsx(chunkGBCDMJLD_js.b,{"aria-label":"Loading"}):C||null,P=d({size:e,loading:o}),B=l({size:e,site:"left"}),n=t&&b==="end",m=n?jsxRuntime.jsx(chunkGBCDMJLD_js.b,{"aria-label":"Loading"}):R||null,S=d({size:e,loading:n}),E=l({size:e,site:"right"}),i=f||t;return jsxRuntime.jsxs(v,{"aria-disabled":i||void 0,className:I,"data-state":t?"loading":void 0,disabled:i,ref:z,role:"button",tabIndex:i?-1:0,type:v==="button"?"button":void 0,...T,children:[g?jsxRuntime.jsx("span",{className:B,role:o?"progressbar":void 0,children:r__namespace.cloneElement(g,{className:P})}):null,x,m?jsxRuntime.jsx("span",{className:E,role:n?"progressbar":void 0,children:r__namespace.cloneElement(m,{className:S})}):null]})}),N=V;
|
|
29
29
|
|
|
30
30
|
exports.a = N;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var outline = require('@heroicons/react/24/outline');
|
|
3
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
5
|
|
|
5
|
-
function i(
|
|
6
|
+
function i(l){return jsxRuntime.jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsxRuntime.jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsxRuntime.jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsxRuntime.jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function p(l){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...l,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
|
|
6
7
|
|
|
7
8
|
exports.a = i;
|
|
8
9
|
exports.b = p;
|
|
10
|
+
Object.keys(outline).forEach(function (k) {
|
|
11
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () { return outline[k]; }
|
|
14
|
+
});
|
|
15
|
+
});
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
export * from '@heroicons/react/24/outline';
|
|
1
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
3
|
|
|
3
|
-
function i(
|
|
4
|
+
function i(l){return jsxs("svg",{viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",...l,children:[jsx("path",{d:"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",fillRule:"evenodd",fillOpacity:"1",fill:"#4285f4",stroke:"none"}),jsx("path",{d:"M9.003 18c2.43 0 4.467-.806 5.956-2.18L12.05 13.56c-.806.54-1.836.86-3.047.86-2.344 0-4.328-1.584-5.036-3.711H.96v2.332C2.44 15.983 5.485 18 9.003 18z",fillRule:"evenodd",fillOpacity:"1",fill:"#34a853",stroke:"none"}),jsx("path",{d:"M3.964 10.712c-.18-.54-.282-1.117-.282-1.71 0-.593.102-1.17.282-1.71V4.96H.957C.347 6.175 0 7.55 0 9.002c0 1.452.348 2.827.957 4.042l3.007-2.332z",fillRule:"evenodd",fillOpacity:"1",fill:"#fbbc05",stroke:"none"}),jsx("path",{d:"M9.003 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.464.891 11.428 0 9.002 0 5.485 0 2.44 2.017.96 4.958L3.967 7.29c.708-2.127 2.692-3.71 5.036-3.71z",fillRule:"evenodd",fillOpacity:"1",fill:"#ea4335",stroke:"none"})]})}function p(l){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...l,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}
|
|
4
5
|
|
|
5
6
|
export { i as a, p as b };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType, B as default } from '../../Button-
|
|
1
|
+
export { d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType, B as default } from '../../Button.types-c2ca38e7.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'class-variance-authority';
|
|
4
4
|
import 'class-variance-authority/dist/types';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../chunk-
|
|
3
|
+
var chunkDWKYRY4G_js = require('../../chunk-DWKYRY4G.js');
|
|
4
|
+
require('../../chunk-GBCDMJLD.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
module.exports =
|
|
8
|
+
module.exports = chunkDWKYRY4G_js.a;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { a as default } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
export { a as default } from '../../chunk-2JV3WC5F.mjs';
|
|
2
|
+
import '../../chunk-HLQHRZMK.mjs';
|
package/components/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from '../Avatar-d6a17567.js';
|
|
2
|
-
export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from '../Button-
|
|
3
|
-
export { G as GoogleIcon, I as IconProps, L as LoadingIcon } from '../loading-b90ed1cb.js';
|
|
2
|
+
export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from '../Button.types-c2ca38e7.js';
|
|
4
3
|
export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from '../Tooltip.provider-90345769.js';
|
|
5
4
|
import 'react/jsx-runtime';
|
|
6
5
|
import 'react';
|
package/components/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
require('../chunk-
|
|
3
|
+
require('../chunk-KM2W6K6Q.js');
|
|
4
4
|
var chunkM6LWZWJB_js = require('../chunk-M6LWZWJB.js');
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var chunkDWKYRY4G_js = require('../chunk-DWKYRY4G.js');
|
|
6
|
+
require('../chunk-GBCDMJLD.js');
|
|
7
7
|
var chunkH45G4SKR_js = require('../chunk-H45G4SKR.js');
|
|
8
8
|
|
|
9
9
|
|
|
@@ -14,15 +14,7 @@ Object.defineProperty(exports, 'Avatar', {
|
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, 'Button', {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports, 'GoogleIcon', {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function () { return chunkZXKZOOUS_js.a; }
|
|
22
|
-
});
|
|
23
|
-
Object.defineProperty(exports, 'LoadingIcon', {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () { return chunkZXKZOOUS_js.b; }
|
|
17
|
+
get: function () { return chunkDWKYRY4G_js.a; }
|
|
26
18
|
});
|
|
27
19
|
Object.defineProperty(exports, 'Tooltip', {
|
|
28
20
|
enumerable: true,
|
package/components/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import '../chunk-
|
|
1
|
+
import '../chunk-M6ZHBILH.mjs';
|
|
2
2
|
export { a as Avatar } from '../chunk-MM2WP564.mjs';
|
|
3
|
-
export { a as Button } from '../chunk-
|
|
4
|
-
|
|
3
|
+
export { a as Button } from '../chunk-2JV3WC5F.mjs';
|
|
4
|
+
import '../chunk-HLQHRZMK.mjs';
|
|
5
5
|
export { a as Tooltip, b as TooltipProvider } from '../chunk-KJ2XNFGW.mjs';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from '@heroicons/react/24/outline';
|
|
1
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
|
|
@@ -7,4 +8,4 @@ declare function GoogleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
|
|
|
7
8
|
|
|
8
9
|
declare function LoadingIcon(props: IconProps): react_jsx_runtime.JSX.Element;
|
|
9
10
|
|
|
10
|
-
export { GoogleIcon
|
|
11
|
+
export { GoogleIcon, IconProps, LoadingIcon };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkGBCDMJLD_js = require('../chunk-GBCDMJLD.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, 'GoogleIcon', {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkGBCDMJLD_js.a; }
|
|
10
10
|
});
|
|
11
11
|
Object.defineProperty(exports, 'LoadingIcon', {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkGBCDMJLD_js.b; }
|
|
14
14
|
});
|
package/icons/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { a as GoogleIcon, b as LoadingIcon } from '../chunk-HLQHRZMK.mjs';
|
package/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { A as Avatar, a as AvatarProps, b as AvatarSizeType } from './Avatar-d6a17567.js';
|
|
2
|
-
export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from './Button-
|
|
3
|
-
export { G as GoogleIcon, I as IconProps, L as LoadingIcon } from './loading-b90ed1cb.js';
|
|
2
|
+
export { B as Button, d as ButtonColorType, a as ButtonProps, b as ButtonSizeType, c as ButtonVariantType } from './Button.types-c2ca38e7.js';
|
|
4
3
|
export { T as Tooltip, a as TooltipProps, c as TooltipProvider, b as TooltipProviderProps } from './Tooltip.provider-90345769.js';
|
|
5
4
|
export { u as useTheme } from './useTheme-01c9253b.js';
|
|
6
5
|
export { T as ThemeContext, b as ThemeProvider, a as ThemeProviderProps } from './ThemeProvider-cd78c94b.js';
|
package/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
require('./chunk-
|
|
4
|
-
require('./chunk-AZOTATFN.js');
|
|
3
|
+
require('./chunk-KM2W6K6Q.js');
|
|
5
4
|
var chunkM6LWZWJB_js = require('./chunk-M6LWZWJB.js');
|
|
6
|
-
var
|
|
7
|
-
|
|
5
|
+
var chunkDWKYRY4G_js = require('./chunk-DWKYRY4G.js');
|
|
6
|
+
require('./chunk-GBCDMJLD.js');
|
|
8
7
|
var chunkH45G4SKR_js = require('./chunk-H45G4SKR.js');
|
|
8
|
+
require('./chunk-7M2UD3MX.js');
|
|
9
9
|
var chunkUJM6RAIA_js = require('./chunk-UJM6RAIA.js');
|
|
10
10
|
require('./chunk-JQ4UTWMH.js');
|
|
11
11
|
var chunkX2QIG2W5_js = require('./chunk-X2QIG2W5.js');
|
|
@@ -18,15 +18,7 @@ Object.defineProperty(exports, 'Avatar', {
|
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, 'Button', {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
22
|
-
});
|
|
23
|
-
Object.defineProperty(exports, 'GoogleIcon', {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () { return chunkZXKZOOUS_js.a; }
|
|
26
|
-
});
|
|
27
|
-
Object.defineProperty(exports, 'LoadingIcon', {
|
|
28
|
-
enumerable: true,
|
|
29
|
-
get: function () { return chunkZXKZOOUS_js.b; }
|
|
21
|
+
get: function () { return chunkDWKYRY4G_js.a; }
|
|
30
22
|
});
|
|
31
23
|
Object.defineProperty(exports, 'Tooltip', {
|
|
32
24
|
enumerable: true,
|
package/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import './chunk-
|
|
2
|
-
import './chunk-CWYY7UTM.mjs';
|
|
1
|
+
import './chunk-M6ZHBILH.mjs';
|
|
3
2
|
export { a as Avatar } from './chunk-MM2WP564.mjs';
|
|
4
|
-
export { a as Button } from './chunk-
|
|
5
|
-
|
|
3
|
+
export { a as Button } from './chunk-2JV3WC5F.mjs';
|
|
4
|
+
import './chunk-HLQHRZMK.mjs';
|
|
6
5
|
export { a as Tooltip, b as TooltipProvider } from './chunk-KJ2XNFGW.mjs';
|
|
6
|
+
import './chunk-TAA4AMBN.mjs';
|
|
7
7
|
export { a as useTheme } from './chunk-CRJI67D5.mjs';
|
|
8
8
|
import './chunk-WPEQQQCR.mjs';
|
|
9
9
|
export { a as ThemeContext, b as ThemeProvider } from './chunk-5SE7P5YG.mjs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@szum-tech/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.10.0",
|
|
4
4
|
"description": "Szum-Tech design system with tailwindcss support",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"szum-tech",
|
|
@@ -37,12 +37,13 @@
|
|
|
37
37
|
"components/**",
|
|
38
38
|
"hooks/**",
|
|
39
39
|
"contexts/**",
|
|
40
|
+
"icons/**",
|
|
40
41
|
"theme/**"
|
|
41
42
|
],
|
|
42
43
|
"scripts": {
|
|
43
44
|
"build": "env NODE_ENV=production tsup && cpy './src/theme/global.css' './theme' --flat",
|
|
44
45
|
"clean": "rm -rf node_modules && yarn clear:build && yarn clean:build:dev",
|
|
45
|
-
"clean:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf theme && rm -rf index.* && rm -rf chunk-*.js && rm -rf chunk-*.mjs && rm -rf *.d.ts",
|
|
46
|
+
"clean:build": "rm -rf components && rm -rf contexts && rm -rf hooks && rm -rf icons && rm -rf theme && rm -rf index.* && rm -rf chunk-*.js && rm -rf chunk-*.mjs && rm -rf *.d.ts",
|
|
46
47
|
"clean:build:dev": "rm -rf dist",
|
|
47
48
|
"dev": "concurrently \"yarn dev:css\" \"yarn dev:build\"",
|
|
48
49
|
"dev:build": "tsup",
|
|
@@ -60,6 +61,7 @@
|
|
|
60
61
|
"type-check": "tsc --noEmit"
|
|
61
62
|
},
|
|
62
63
|
"dependencies": {
|
|
64
|
+
"@heroicons/react": "^2.0.18",
|
|
63
65
|
"@radix-ui/react-tooltip": "^1.0.5",
|
|
64
66
|
"@tailwindcss/container-queries": "^0.1.0",
|
|
65
67
|
"class-variance-authority": "^0.6.0",
|
|
@@ -67,7 +69,6 @@
|
|
|
67
69
|
},
|
|
68
70
|
"devDependencies": {
|
|
69
71
|
"@babel/core": "^7.21.8",
|
|
70
|
-
"@heroicons/react": "^2.0.18",
|
|
71
72
|
"@storybook/addon-a11y": "^7.0.6",
|
|
72
73
|
"@storybook/addon-actions": "^7.0.6",
|
|
73
74
|
"@storybook/addon-docs": "^7.0.6",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { a as GoogleIcon, b as LoadingIcon } from '../../chunk-L7XC4VZM.mjs';
|
|
@@ -11,18 +11,6 @@ type AsProp<C extends React.ElementType> = {
|
|
|
11
11
|
type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
|
|
12
12
|
type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
|
|
13
13
|
|
|
14
|
-
declare const buttonCva: (props?: ({
|
|
15
|
-
block?: boolean | null | undefined;
|
|
16
|
-
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
17
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
18
|
-
variant?: "text" | "outlined" | "contained" | null | undefined;
|
|
19
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
20
|
-
|
|
21
|
-
type ButtonCvaProps = VariantProps<typeof buttonCva>;
|
|
22
|
-
type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
|
|
23
|
-
type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
|
|
24
|
-
type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
|
|
25
|
-
|
|
26
14
|
type Props = {
|
|
27
15
|
/**
|
|
28
16
|
* Defines button full width
|
|
@@ -68,4 +56,16 @@ type Props = {
|
|
|
68
56
|
type ButtonProps<T extends React.ElementType = "button"> = PolymorphicComponentProp<T, Props>;
|
|
69
57
|
declare const Button: <T extends React.ElementType<any> = "button">(props: Props & AsProp<T> & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "as" | keyof Props> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
70
58
|
|
|
59
|
+
declare const buttonCva: (props?: ({
|
|
60
|
+
block?: boolean | null | undefined;
|
|
61
|
+
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
62
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
63
|
+
variant?: "text" | "outlined" | "contained" | null | undefined;
|
|
64
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
65
|
+
|
|
66
|
+
type ButtonCvaProps = VariantProps<typeof buttonCva>;
|
|
67
|
+
type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
|
|
68
|
+
type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
|
|
69
|
+
type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
|
|
70
|
+
|
|
71
71
|
export { Button as B, ButtonProps as a, ButtonSizeType as b, ButtonVariantType as c, ButtonColorType as d };
|
|
File without changes
|
|
File without changes
|