@kakadu/components 0.1.1 → 0.1.2
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/build/components/flex.d.ts +2 -1
- package/build/components.css +1 -1
- package/build/flex-B8nkAE9r.js +1 -0
- package/build/flex-quWJ025v.mjs +16 -0
- package/build/flex.js +1 -1
- package/build/flex.mjs +1 -1
- package/build/index.js +1 -1
- package/build/index.mjs +1 -1
- package/build/theme.js +1 -1
- package/build/theme.mjs +2 -2
- package/package.json +2 -2
- package/theme.tsx +2 -2
- package/build/flex-Czl688kn.js +0 -1
- package/build/flex-a_d7XX18.mjs +0 -15
|
@@ -2,5 +2,6 @@ import { type AtomElementType, type AtomProperties, type DefaultAtomElementType
|
|
|
2
2
|
export type FlexProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type> & {
|
|
3
3
|
readonly direction?: 'row' | 'column';
|
|
4
4
|
readonly gap?: 0.25 | 0.375 | 0.5 | 1 | 1.5 | 2;
|
|
5
|
+
readonly alignment?: 'start' | 'center' | 'space-between' | 'end';
|
|
5
6
|
};
|
|
6
|
-
export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, gap, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, alignment, gap, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
|
package/build/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kuma-1846349723{background:#fefefe;padding:var(--gap);box-shadow:inset 0 0 0 1px #0003,inset 0 0 0 2px #ffffffbf,inset 0 4px #00000006,0 0 2px 1px #ffffff80,0 1px 1px #00000008,0 3px #00000008;border-radius:12px}.kuma-1168981339{display:flex}.kuma-2635417128{flex-direction:column}.kuma-2276234075{gap:var(--quarter-gap)}.kuma-739568937{gap:var(--third-gap)}.kuma-3438335458{gap:var(--half-gap)}.kuma-3993051137{gap:var(--gap)}.kuma-4186556816{gap:var(--sesquialteral-gap)}.kuma-1435205015{gap:var(--double-gap)}.kuma-
|
|
1
|
+
.kuma-1846349723{background:#fefefe;padding:var(--gap);box-shadow:inset 0 0 0 1px #0003,inset 0 0 0 2px #ffffffbf,inset 0 4px #00000006,0 0 2px 1px #ffffff80,0 1px 1px #00000008,0 3px #00000008;border-radius:12px}.kuma-1168981339{display:flex}.kuma-2635417128{flex-direction:column}.kuma-3787355519{align-items:flex-start;justify-content:flex-start}.kuma-2338096059{align-items:center;justify-content:center}.kuma-3146198284{align-items:space-between;justify-content:space-between}.kuma-1431148762{align-items:flex-end;justify-content:flex-end}.kuma-2276234075{gap:var(--quarter-gap)}.kuma-739568937{gap:var(--third-gap)}.kuma-3438335458{gap:var(--half-gap)}.kuma-3993051137{gap:var(--gap)}.kuma-4186556816{gap:var(--sesquialteral-gap)}.kuma-1435205015{gap:var(--double-gap)}.kuma-417269694{--background-color:#fafcff;--foreground-color:#000;--blue-color:#2f455d;--blue-dark-color:#32445b;--blue-hover-color:#345882;--blue-light-color:#b3c0d4;--blue-pale-color:#e1efff;--green-color:#4ca486;--green-pale-color:#dceeec;--green-dark-color:#3c6957;--grey-color:#c6c6c6;--grey-pale-color:#dfdfdf;--red-color:#ff4d4d;--red-pale-color:#ffe5e5;--red-pale-hover-color:#ffd6d6;--yellow-color:#f5c235;--yellow-dark-color:#9f7605;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--gap:16px;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * 1.5);--double-gap:calc(var(--gap) * 2);--triple-gap:calc(var(--gap) * 3);--quadruple-gap:calc(var(--gap) * 4);--sidebar-z-index:424242;--modal-z-index:424243;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kuma-417269694 :where([data-theme=dark]){--font-weight-modifier:0}.kuma-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kuma-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kuma-216224454{text-align:right}.kuma-2934642132{font-family:var(--accent-font-family);font-size:var(--37px);font-weight:650;padding:0;margin:0}.kuma-1010422083{font-family:var(--font-family);font-size:var(--16px)}.kuma-1010422083 b{font-weight:500}.kuma-1010422083 strong{font-weight:600}.kuma-1010422083 a{color:var(--green-dark-color);text-decoration:underline}@media(hover:hover){.kuma-1010422083 a:hover{text-decoration:none}}.kuma-2351087175{font-size:var(--18px);font-weight:425;line-height:1.5em;padding:0;margin:0}.kuma-2351087175 ol{margin:0;margin-top:var(--gap);padding:0;list-style-position:inside}.kuma-2351087175 li::marker{font-weight:600}.kuma-2351087175 pre{background:#00000006;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}.kuma-2608978433{max-width:720px;text-wrap:pretty}.kuma-2608978433 h1:has(+p:last-child){font-size:var(--32px)}.kuma-2608978433 h1+:is(p,ul){margin-top:.75em}.kuma-2608978433 h1+:is(p,ul):last-child{margin-top:.25em}.kuma-2608978433 h1+p:has(+p){font-size:var(--22px);font-weight:275;line-height:1.3em;opacity:.75}.kuma-2608978433 h1+p:has(+p)+p{margin-top:1.25em}.kuma-2608978433 p+:is(p){margin-top:.75em}.kuma-361702174{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}.kuma-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kuma-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kuma-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kuma-3185646656{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}.kuma-257978560{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);box-shadow:0 0 0 1px #00000026,0 0 2px #fff6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kuma-586099934{--inner-size:calc(var(--size) - var(--thickness) * 2);background:#fff;width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 0 var(--shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}.kuma-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kuma-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kuma-3027005914{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:#00000026;width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kuma-3311350973{--opacity:.3}.kuma-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kuma-3140855657{vertical-align:middle}.kuma-2940817552{display:inline-block;vertical-align:top}.kuma-2073235239{animation:loading-spinner .97s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const k=require("./jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),m=require("./atom-B-bW2QKm.js");function o({as:t,direction:s="column",alignment:e,gap:u=1,className:r,...c}){return k.jsxRuntimeExports.jsx(m.Atom,{as:t??m.defaultAtomElementType,...c,className:a.cx("kuma-1168981339",s==="column"&&"kuma-2635417128",e==="start"&&"kuma-3787355519",e==="center"&&"kuma-2338096059",e==="space-between"&&"kuma-3146198284",e==="end"&&"kuma-1431148762",u===.25&&"kuma-2276234075",u===.375&&"kuma-739568937",u===.5&&"kuma-3438335458",u===1&&"kuma-3993051137",u===1.5&&"kuma-4186556816",u===2&&"kuma-1435205015",r)})}exports.Flex=o;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { j as k } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { cx as r } from "@kuma-ui/core";
|
|
3
|
+
import { A as s, d as c } from "./atom-CqxGy6PS.mjs";
|
|
4
|
+
function d({
|
|
5
|
+
as: a,
|
|
6
|
+
direction: e = "column",
|
|
7
|
+
alignment: u,
|
|
8
|
+
gap: m = 1,
|
|
9
|
+
className: o,
|
|
10
|
+
...t
|
|
11
|
+
}) {
|
|
12
|
+
return /* @__PURE__ */ k.jsx(s, { as: a ?? c, ...t, className: r("kuma-1168981339", e === "column" && "kuma-2635417128", u === "start" && "kuma-3787355519", u === "center" && "kuma-2338096059", u === "space-between" && "kuma-3146198284", u === "end" && "kuma-1431148762", m === 0.25 && "kuma-2276234075", m === 0.375 && "kuma-739568937", m === 0.5 && "kuma-3438335458", m === 1 && "kuma-3993051137", m === 1.5 && "kuma-4186556816", m === 2 && "kuma-1435205015", o) });
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
d as F
|
|
16
|
+
};
|
package/build/flex.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./flex-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./flex-B8nkAE9r.js");exports.default=e.Flex;
|
package/build/flex.mjs
CHANGED
package/build/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./atom-B-bW2QKm.js"),r=require("./box-C72tT5hd.js"),l=require("./flex-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./atom-B-bW2QKm.js"),r=require("./box-C72tT5hd.js"),l=require("./flex-B8nkAE9r.js"),e=require("./text-COwGgyWJ.js"),a=require("./gauge-Y0dT3vhB.js"),n=require("./skeleton-BL8lC2O4.js"),s=require("./spinner-DQcSzoeb.js"),t=require("./theme.js");exports.Atom=o.Atom;exports.defaultAtomElementType=o.defaultAtomElementType;exports.Box=r.Box;exports.Flex=l.Flex;exports.Heading=e.Heading;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.Text;exports.Gauge=a.Gauge;exports.Skeleton=n.Skeleton;exports.SkeletonInstance=n.SkeletonInstance;exports.Spinner=s.Spinner;exports.buttonResetStyles=t.buttonResetStyles;exports.greenColor=t.greenColor;exports.overflowProtectionStyles=t.overflowProtectionStyles;exports.theme=t.default;
|
package/build/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { A as t, d as a } from "./atom-CqxGy6PS.mjs";
|
|
2
2
|
import { B as s } from "./box-DQbqyewI.mjs";
|
|
3
|
-
import { F as n } from "./flex-
|
|
3
|
+
import { F as n } from "./flex-quWJ025v.mjs";
|
|
4
4
|
import { H as f, P as x, S as l, T as S } from "./text-B_B-fHoN.mjs";
|
|
5
5
|
import { G as g } from "./gauge-DHIuVOGi.mjs";
|
|
6
6
|
import { S as i, a as y } from "./skeleton-CWUXsrG6.mjs";
|
package/build/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="#4ca486",e={family:"DM Sans, sans-serif",stylesheet:"https://fonts.googleapis.com/css2?family=
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="#4ca486",e={family:"DM Sans, sans-serif",stylesheet:"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",preconnect:[{url:"https://fonts.googleapis.com"},{url:"https://fonts.gstatic.com",crossorigin:!0}]},o="kuma-417269694",s="kuma-4178476647",n="kuma-216224454";exports.buttonResetStyles=n;exports.default=o;exports.font=e;exports.greenColor=t;exports.overflowProtectionStyles=s;
|
package/build/theme.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
const t = "#4ca486", s = {
|
|
2
2
|
family: "DM Sans, sans-serif",
|
|
3
|
-
stylesheet: "https://fonts.googleapis.com/css2?family=
|
|
3
|
+
stylesheet: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
|
|
4
4
|
preconnect: [{
|
|
5
5
|
url: "https://fonts.googleapis.com"
|
|
6
6
|
}, {
|
|
7
7
|
url: "https://fonts.gstatic.com",
|
|
8
8
|
crossorigin: !0
|
|
9
9
|
}]
|
|
10
|
-
}, o = "kuma-
|
|
10
|
+
}, o = "kuma-417269694", e = "kuma-4178476647", n = "kuma-216224454";
|
|
11
11
|
export {
|
|
12
12
|
n as buttonResetStyles,
|
|
13
13
|
o as default,
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kakadu/components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Kakadu components library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
|
-
"url": "https://github.com/
|
|
8
|
+
"url": "https://github.com/kakaduen/components.git"
|
|
9
9
|
},
|
|
10
10
|
"keywords": [
|
|
11
11
|
"react",
|
package/theme.tsx
CHANGED
|
@@ -5,7 +5,7 @@ export const greenColor = '#4ca486';
|
|
|
5
5
|
export const font = {
|
|
6
6
|
family: 'DM Sans, sans-serif',
|
|
7
7
|
stylesheet:
|
|
8
|
-
'https://fonts.googleapis.com/css2?family=
|
|
8
|
+
'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
|
|
9
9
|
preconnect: [
|
|
10
10
|
{url: 'https://fonts.googleapis.com'},
|
|
11
11
|
{url: 'https://fonts.gstatic.com', crossorigin: true},
|
|
@@ -40,7 +40,7 @@ const theme = css`
|
|
|
40
40
|
--font-weight-modifier: 0;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
--accent-font-family: '
|
|
43
|
+
--accent-font-family: 'Inter', -apple-system, helvetica, arial, sans-serif;
|
|
44
44
|
--font-family: 'Inter', -apple-system, helvetica, arial, sans-serif;
|
|
45
45
|
|
|
46
46
|
--gap: 16px;
|
package/build/flex-Czl688kn.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core"),e=require("./atom-B-bW2QKm.js");function c({as:m,direction:t="column",gap:u=1,className:s,...n}){return o.jsxRuntimeExports.jsx(e.Atom,{as:m??e.defaultAtomElementType,...n,className:r.cx("kuma-1168981339",t==="column"&&"kuma-2635417128",u===.25&&"kuma-2276234075",u===.375&&"kuma-739568937",u===.5&&"kuma-3438335458",u===1&&"kuma-3993051137",u===1.5&&"kuma-4186556816",u===2&&"kuma-1435205015",s)})}exports.Flex=c;
|
package/build/flex-a_d7XX18.mjs
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { j as r } from "./jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { cx as s } from "@kuma-ui/core";
|
|
3
|
-
import { A as e, d as k } from "./atom-CqxGy6PS.mjs";
|
|
4
|
-
function c({
|
|
5
|
-
as: u,
|
|
6
|
-
direction: o = "column",
|
|
7
|
-
gap: m = 1,
|
|
8
|
-
className: t,
|
|
9
|
-
...a
|
|
10
|
-
}) {
|
|
11
|
-
return /* @__PURE__ */ r.jsx(e, { as: u ?? k, ...a, className: s("kuma-1168981339", o === "column" && "kuma-2635417128", m === 0.25 && "kuma-2276234075", m === 0.375 && "kuma-739568937", m === 0.5 && "kuma-3438335458", m === 1 && "kuma-3993051137", m === 1.5 && "kuma-4186556816", m === 2 && "kuma-1435205015", t) });
|
|
12
|
-
}
|
|
13
|
-
export {
|
|
14
|
-
c as F
|
|
15
|
-
};
|