fictoan-react 2.0.0-beta.13 → 2.0.0-beta.14

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.
@@ -1 +1 @@
1
- {"version":3,"file":"Element.d.ts","sourceRoot":"","sources":["../../../src/components/Element/Element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,eAAO,MAAM,OAAO,EAwJf,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAG,YAAY,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC"}
1
+ {"version":3,"file":"Element.d.ts","sourceRoot":"","sources":["../../../src/components/Element/Element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,eAAO,MAAM,OAAO,EA0Jf,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAG,YAAY,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC"}
@@ -60,6 +60,7 @@ export interface CommonProps {
60
60
  isClickable?: boolean;
61
61
  isFullWidth?: boolean;
62
62
  isFullHeight?: boolean;
63
+ inheritFormSpacing?: boolean;
63
64
  hideOnMobile?: boolean;
64
65
  showOnlyOnMobile?: boolean;
65
66
  hideOnTabletPortrait?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Element/constants.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Element/constants.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormItem/FormItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK3E,OAAO,iBAAiB,CAAC;AAOzB,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,mBAAmB,CAAC;IAE1E,KAAgB,CAAC,EAAG,MAAM,CAAC;IAC3B,WAAgB,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IACpC,OAAgB,CAAC,EAAG,MAAM,CAAC;IAE3B,QAAgB,CAAC,EAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,SAAgB,CAAC,EAAG,MAAM,CAAC;IAE3B,eAAgB,CAAC,EAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/C,QAAgB,CAAC,EAAG,OAAO,CAAC;IAC5B,IAAgB,CAAC,EAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAE3D,UAAgB,CAAC,EAAG,OAAO,CAAC;CAC/B;AAyDD,eAAO,MAAM,QAAQ,sFA8DpB,CAAC"}
1
+ {"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormItem/FormItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK3E,OAAO,iBAAiB,CAAC;AAOzB,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,mBAAmB,CAAC;IAE1E,KAAgB,CAAC,EAAG,MAAM,CAAC;IAC3B,WAAgB,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IACpC,OAAgB,CAAC,EAAG,MAAM,CAAC;IAE3B,QAAgB,CAAC,EAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,SAAgB,CAAC,EAAG,MAAM,CAAC;IAE3B,eAAgB,CAAC,EAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/C,QAAgB,CAAC,EAAG,OAAO,CAAC;IAC5B,IAAgB,CAAC,EAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAE3D,UAAgB,CAAC,EAAG,OAAO,CAAC;CAC/B;AAyDD,eAAO,MAAM,QAAQ,sFA+DpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"FormItemGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormItemGroup/FormItemGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,uBAAuB,CAAC;AAM/B,MAAM,WAAW,wBAAwB;IACjC,OAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,qBAAsB,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,YAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,MAAsB,CAAC,EAAG,MAAM,CAAC;CACxC;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AACtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAC/G,wBAAwB,CAAC;AAG7B,eAAO,MAAM,aAAa,4KA2CzB,CAAC"}
1
+ {"version":3,"file":"FormItemGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormItemGroup/FormItemGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,uBAAuB,CAAC;AAM/B,MAAM,WAAW,wBAAwB;IACjC,OAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,qBAAsB,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,YAAsB,CAAC,EAAG,OAAO,CAAC;IAClC,MAAsB,CAAC,EAAG,MAAM,CAAC;CACxC;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AACtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAC/G,wBAAwB,CAAC;AAG7B,eAAO,MAAM,aAAa,4KA4CzB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  "use client;";
3
- import { A as e, h as o, i as r, B as i, j as t, c as n, a as d, b as p, C as u, d as l, m as c, n as b, e as S, $ as g, g as m, f as C, D as T, E as B, o as G, F as H, p as F, q as h, r as P, H as k, ad as v, ae as x, af as I, ag as R, ah as f, ai as w, l as A, I as O, s as D, L as M, M as N, z as y, G as L, N as W, J as j, W as E, Z as U, O as q, P as z, Q as J, U as K, R as Q, t as V, u as X, v as Y, V as Z, S as _, w as $, a2 as aa, a0 as sa, a1 as ea, _ as oa, a3 as ra, a4 as ia, k as ta, a5 as na, x as da, y as pa, a6 as ua, a7 as la, aj as ca, T as ba, a8 as Sa, aa as ga, ac as ma, K as Ca, X as Ta, Y as Ba, a9 as Ga, ab as Ha } from "../Accordion-DCCt5GHU.js";
3
+ import { A as e, h as o, i as r, B as i, j as t, c as n, a as d, b as p, C as u, d as l, m as c, n as b, e as S, $ as g, g as m, f as C, D as T, E as B, o as G, F as H, p as F, q as h, r as P, H as k, ad as v, ae as x, af as I, ag as R, ah as f, ai as w, l as A, I as O, s as D, L as M, M as N, z as y, G as L, N as W, J as j, W as E, Z as U, O as q, P as z, Q as J, U as K, R as Q, t as V, u as X, v as Y, V as Z, S as _, w as $, a2 as aa, a0 as sa, a1 as ea, _ as oa, a3 as ra, a4 as ia, k as ta, a5 as na, x as da, y as pa, a6 as ua, a7 as la, aj as ca, T as ba, a8 as Sa, aa as ga, ac as ma, K as Ca, X as Ta, Y as Ba, a9 as Ga, ab as Ha } from "../Accordion-COVfCbBL.js";
4
4
  export {
5
5
  e as Accordion,
6
6
  o as Article,
package/dist/index.css CHANGED
@@ -334,6 +334,7 @@
334
334
  display : flex;
335
335
  gap : 8px;
336
336
  align-items : center;
337
+ justify-content : center;
337
338
  }
338
339
 
339
340
  /*To make sure a button's children don't style themselves like a d-bag*/
@@ -367,7 +368,7 @@
367
368
  [data-button].success {
368
369
  --button-primary-bg : var(--button-success-bg);
369
370
  --button-primary-text : var(--button-success-text);
370
- --button-secondary-bg : color-mix(in oklch, var(--button-success-bg), var(--body-bg) 80%);
371
+ --button-secondary-bg : color-mix(in oklch, var(--button-success-bg), var(--transparent) 80%);
371
372
  --button-secondary-text : var(--button-success-bg);
372
373
  --button-tertiary-bg : transparent;
373
374
  --button-tertiary-text : var(--button-success-bg);
@@ -376,7 +377,7 @@
376
377
  [data-button].warning {
377
378
  --button-primary-bg : var(--button-warning-bg);
378
379
  --button-primary-text : var(--button-warning-text);
379
- --button-secondary-bg : color-mix(in oklch, var(--button-warning-bg), var(--body-bg) 80%);
380
+ --button-secondary-bg : color-mix(in oklch, var(--button-warning-bg), var(--transparent) 80%);
380
381
  --button-secondary-text : var(--button-warning-bg);
381
382
  --button-tertiary-bg : transparent;
382
383
  --button-tertiary-text : var(--button-warning-bg);
@@ -385,7 +386,7 @@
385
386
  [data-button].danger {
386
387
  --button-primary-bg : var(--button-danger-bg);
387
388
  --button-primary-text : var(--button-danger-text);
388
- --button-secondary-bg : color-mix(in oklch, var(--button-danger-bg), var(--body-bg) 80%);
389
+ --button-secondary-bg : color-mix(in oklch, var(--button-danger-bg), var(--transparent) 80%);
389
390
  --button-secondary-text : var(--button-danger-bg);
390
391
  --button-tertiary-bg : transparent;
391
392
  --button-tertiary-text : var(--button-danger-bg);
@@ -2218,52 +2219,42 @@ form[data-form] {
2218
2219
  width : 100%;
2219
2220
  display : flex;
2220
2221
  flex-direction : column;
2222
+
2223
+ gap : var(--form-spacing, 0);
2221
2224
  }
2222
- form.spacing-none[data-form] > [data-form-item],
2223
- form.spacing-none[data-form] > [data-form-item-group],
2224
- form.spacing-none[data-form] > [data-checkbox],
2225
- form.spacing-none[data-form] > [data-switch] { margin-bottom : 0; }
2226
- form.spacing-nano[data-form] > [data-form-item],
2227
- form.spacing-nano[data-form] > [data-form-item-group],
2228
- form.spacing-nano[data-form] > [data-checkbox],
2229
- form.spacing-nano[data-form] > [data-switch] { margin-bottom : 8px; }
2230
- form.spacing-micro[data-form] > [data-form-item],
2231
- form.spacing-micro[data-form] > [data-form-item-group],
2232
- form.spacing-micro[data-form] > [data-checkbox],
2233
- form.spacing-micro[data-form] > [data-switch] { margin-bottom : 12px; }
2234
- form.spacing-tiny[data-form] > [data-form-item],
2235
- form.spacing-tiny[data-form] > [data-form-item-group],
2236
- form.spacing-tiny[data-form] > [data-checkbox],
2237
- form.spacing-tiny[data-form] > [data-switch] { margin-bottom : 16px; }
2238
- form.spacing-small[data-form] > [data-form-item],
2239
- form.spacing-small[data-form] > [data-form-item-group],
2240
- form.spacing-small[data-form] > [data-checkbox],
2241
- form.spacing-small[data-form] > [data-switch] { margin-bottom : 24px; }
2242
- form.spacing-medium[data-form] > [data-form-item],
2243
- form.spacing-medium[data-form] > [data-form-item-group],
2244
- form.spacing-medium[data-form] > [data-checkbox],
2245
- form.spacing-medium[data-form] > [data-switch] { margin-bottom : 32px; }
2246
- form.spacing-large[data-form] > [data-form-item],
2247
- form.spacing-large[data-form] > [data-form-item-group],
2248
- form.spacing-large[data-form] > [data-checkbox],
2249
- form.spacing-large[data-form] > [data-switch] { margin-bottom : 40px; }
2250
- form.spacing-huge[data-form] > [data-form-item],
2251
- form.spacing-huge[data-form] > [data-form-item-group],
2252
- form.spacing-huge[data-form] > [data-checkbox],
2253
- form.spacing-huge[data-form] > [data-switch] { margin-bottom : 48px; }
2254
- form.spacing-huge[data-form] > [data-form-item]:last-child,
2255
- form.spacing-huge[data-form] > [data-form-item-group]:last-child,
2256
- form.spacing-huge[data-form] > [data-form-checkbox]:last-child,
2257
- form.spacing-huge[data-form] > [data-form-switch]:last-child { margin-bottom : 0; }
2258
- form.spacing-none[data-form] [data-form-item-group] { gap : 0; }
2259
- form.spacing-nano[data-form] [data-form-item-group] { gap : 8px; }
2260
- form.spacing-micro[data-form] [data-form-item-group] { gap : 12px; }
2261
- form.spacing-tiny[data-form] [data-form-item-group] { gap : 16px; }
2262
- form.spacing-small[data-form] [data-form-item-group] { gap : 24px; }
2263
- form.spacing-medium[data-form] [data-form-item-group] { gap : 32px; }
2264
- form.spacing-large[data-form] [data-form-item-group] { gap : 40px; }
2265
- form.spacing-huge[data-form] [data-form-item-group] { gap : 48px; }
2225
+
2226
+ form.spacing-none[data-form] { --form-spacing : 0; }
2227
+
2228
+ form.spacing-nano[data-form] { --form-spacing : 8px; }
2229
+
2230
+ form.spacing-micro[data-form] { --form-spacing : 12px; }
2231
+
2232
+ form.spacing-tiny[data-form] { --form-spacing : 16px; }
2233
+
2234
+ form.spacing-small[data-form] { --form-spacing : 24px; }
2235
+
2236
+ form.spacing-medium[data-form] { --form-spacing : 32px; }
2237
+
2238
+ form.spacing-large[data-form] { --form-spacing : 40px; }
2239
+
2240
+ form.spacing-huge[data-form] { --form-spacing : 48px; }
2241
+
2266
2242
  form[data-form] > button:not(.full-width) { width : -moz-fit-content; width : fit-content; }
2243
+
2244
+ /* Spaced elements nested inside wrappers (depth >= 2) pick up block-start gap */
2245
+ /* from their previous sibling. Direct children are handled by the Form's gap. */
2246
+ form[data-form] * [data-form-spaced]:not(:first-child) {
2247
+ margin-block-start : var(--form-spacing, 0);
2248
+ }
2249
+
2250
+ /* Inside horizontal or self-spacing group containers, the group's own gap wins */
2251
+ form[data-form] [data-form-item-group] [data-form-spaced]:not(:first-child),
2252
+ form[data-form] [data-checkbox-group] [data-form-spaced]:not(:first-child),
2253
+ form[data-form] [data-switch-group] [data-form-spaced]:not(:first-child),
2254
+ form[data-form] [data-radio-group] [data-form-spaced]:not(:first-child),
2255
+ form[data-form] [data-radio-tab-group] [data-form-spaced]:not(:first-child) {
2256
+ margin-block-start : 0;
2257
+ }
2267
2258
  /* For calculating padding, based on side element widths */
2268
2259
  :root {
2269
2260
  --side-element-left-width : 0px;
@@ -3667,36 +3658,13 @@ textarea[data-textarea]:active,
3667
3658
  flex-wrap : wrap;
3668
3659
  width : 100%;
3669
3660
  align-items : stretch;
3661
+ gap : var(--form-spacing, 0);
3670
3662
  }
3671
3663
 
3672
3664
  [data-form-item-group] * {
3673
3665
  line-height: 1;
3674
3666
  }
3675
3667
 
3676
- /*&.spacing-none > [data-form-item]:not(:last-of-type) { margin-right : 0; }
3677
- */
3678
-
3679
- /*&.spacing-nano > [data-form-item]:not(:last-of-type) { margin-right : 8px; }
3680
- */
3681
-
3682
- /*&.spacing-micro > [data-form-item]:not(:last-of-type) { margin-right : 12px; }
3683
- */
3684
-
3685
- /*&.spacing-tiny > [data-form-item]:not(:last-of-type) { margin-right : 16px; }
3686
- */
3687
-
3688
- /*&.spacing-small > [data-form-item]:not(:last-of-type) { margin-right : 24px; }
3689
- */
3690
-
3691
- /*&.spacing-medium > [data-form-item]:not(:last-of-type) { margin-right : 32px; }
3692
- */
3693
-
3694
- /*&.spacing-large > [data-form-item]:not(:last-of-type) { margin-right : 40px; }
3695
- */
3696
-
3697
- /*&.spacing-huge > [data-form-item]:not(:last-of-type) { margin-right : 48px; }
3698
- */
3699
-
3700
3668
  .spacing-none[data-form-item-group] { gap : 0; }
3701
3669
 
3702
3670
  .spacing-nano[data-form-item-group] { gap : 8px; }
@@ -9747,7 +9715,7 @@ mark {
9747
9715
 
9748
9716
  --button-success-bg : var(--green);
9749
9717
  --button-success-text : var(--white);
9750
- --button-warning-bg : var(--amber);
9718
+ --button-warning-bg : var(--amber-light40);
9751
9719
  --button-warning-text : var(--white);
9752
9720
  --button-danger-bg : var(--red);
9753
9721
  --button-danger-text : var(--white);
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  "use client;";
3
- import { E as s } from "./Accordion-DCCt5GHU.js";
4
- import { A as S, h as C, i as f, B as k, j as G, c as y, a as B, b as T, C as v, d as x, m as F, n as H, e as w, $ as I, g as P, f as R, D as j, o as N, F as O, p as A, q as D, r as M, H as L, ad as W, ae as q, af as z, ag as E, ah as U, ai as J, l as K, I as Q, s as V, L as X, M as Y, z as Z, G as _, N as $, J as aa, W as ea, Z as ra, O as oa, P as sa, Q as ha, U as ia, R as ua, t as ca, u as ta, v as ma, V as na, S as da, w as pa, a2 as la, a0 as ba, a1 as ga, _ as Sa, a3 as Ca, a4 as fa, k as ka, a5 as Ga, x as ya, y as Ba, a6 as Ta, a7 as va, aj as xa, T as Fa, a8 as Ha, aa as wa, ac as Ia, K as Pa, X as Ra, Y as ja, a9 as Na, ab as Oa } from "./Accordion-DCCt5GHU.js";
3
+ import { E as s } from "./Accordion-COVfCbBL.js";
4
+ import { A as S, h as C, i as f, B as k, j as G, c as y, a as B, b as T, C as v, d as x, m as F, n as H, e as w, $ as I, g as P, f as R, D as j, o as N, F as O, p as A, q as D, r as M, H as L, ad as W, ae as q, af as z, ag as E, ah as U, ai as J, l as K, I as Q, s as V, L as X, M as Y, z as Z, G as _, N as $, J as aa, W as ea, Z as ra, O as oa, P as sa, Q as ha, U as ia, R as ua, t as ca, u as ta, v as ma, V as na, S as da, w as pa, a2 as la, a0 as ba, a1 as ga, _ as Sa, a3 as Ca, a4 as fa, k as ka, a5 as Ga, x as ya, y as Ba, a6 as Ta, a7 as va, aj as xa, T as Fa, a8 as Ha, aa as wa, ac as Ia, K as Pa, X as Ra, Y as ja, a9 as Na, ab as Oa } from "./Accordion-COVfCbBL.js";
5
5
  import { jsxs as h, jsx as i } from "react/jsx-runtime";
6
6
  import u from "react";
7
7
  const c = u.forwardRef(
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/Sidebar/SidebarItemsGroup/SidebarItemsGroup.tsx","../src/styles/colours.ts","../src/components/Element/constants.ts"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-items-group.css\";\n\n// prettier-ignore\nexport interface SidebarItemsGroupCustomProps {\n title ? : string;\n}\n\nexport type SidebarItemsGroupElementType = HTMLDivElement;\nexport type SidebarItemsGroupNewProps = Omit<CommonAndHTMLProps<SidebarItemsGroupElementType>,\n keyof SidebarItemsGroupCustomProps> & SidebarItemsGroupCustomProps;\n\nexport const SidebarItemsGroup = React.forwardRef(\n (\n {\n title,\n children,\n ...props\n }: SidebarItemsGroupNewProps, forwardedRef: React.Ref<SidebarItemsGroupElementType>) => {\n\n return (\n <Element<SidebarItemsGroupElementType>\n as=\"nav\"\n data-sidebar-items-group\n ref={forwardedRef}\n {...props}\n >\n {title && <p className=\"group-title\">{title}</p>}\n {children}\n </Element>\n );\n },\n);\nSidebarItemsGroup.displayName = \"SidebarItemsGroup\";\n","// OKLCH colour definitions\n// Hue: 0-360 degrees (OKLCH hue wheel)\n// Chroma: colour intensity (0 = grey, ~0.4 = vivid)\n\nexport interface ColourDefinition {\n hue : number;\n chroma : number;\n}\n\n// 36-colour palette with ~10° hue gaps\nexport const oklchColourDefinitions : Record<string, ColourDefinition> = {\n // Reds & Pinks (0-30°)\n pink : {hue : 0, chroma : 0.185},\n rose : {hue : 10, chroma : 0.175},\n crimson : {hue : 20, chroma : 0.195},\n red : {hue : 30, chroma : 0.234},\n\n // Oranges & Earth tones (40-70°)\n salmon : {hue : 40, chroma : 0.165},\n sienna : {hue : 50, chroma : 0.095},\n orange : {hue : 60, chroma : 0.175},\n amber : {hue : 70, chroma : 0.164},\n\n // Yellows (80-100°)\n gold : {hue : 80, chroma : 0.155},\n yellow : {hue : 90, chroma : 0.155},\n lime : {hue : 100, chroma : 0.145},\n\n // Greens (110-170°)\n chartreuse : {hue : 110, chroma : 0.145},\n spring : {hue : 120, chroma : 0.14},\n pistachio : {hue : 130, chroma : 0.1},\n sage : {hue : 140, chroma : 0.09},\n green : {hue : 150, chroma : 0.145},\n emerald : {hue : 160, chroma : 0.155},\n jade : {hue : 170, chroma : 0.125},\n\n // Teals & Cyans (180-210°)\n teal : {hue : 180, chroma : 0.115},\n cyan : {hue : 190, chroma : 0.135},\n aqua : {hue : 200, chroma : 0.125},\n azure : {hue : 210, chroma : 0.145},\n\n // Blues (220-270°)\n sky : {hue : 220, chroma : 0.145},\n cerulean : {hue : 230, chroma : 0.155},\n cobalt : {hue : 240, chroma : 0.175},\n navy : {hue : 250, chroma : 0.145},\n blue : {hue : 260, chroma : 0.195},\n royal : {hue : 270, chroma : 0.185},\n\n // Purples & Violets (280-330°)\n indigo : {hue : 280, chroma : 0.165},\n iris : {hue : 290, chroma : 0.15},\n violet : {hue : 300, chroma : 0.135},\n plum : {hue : 310, chroma : 0.125},\n purple : {hue : 320, chroma : 0.125},\n magenta : {hue : 330, chroma : 0.165},\n\n // Magentas & Back to pink (340-350°)\n fuchsia : {hue : 340, chroma : 0.185},\n cerise : {hue : 350, chroma : 0.19},\n\n // Neutrals (special cases)\n slate : {hue : 255, chroma : 0.02},\n grey : {hue : 0, chroma : 0},\n brown : {hue : 55, chroma : 0.065},\n};\n\n// Colour names for type safety\nexport type OklchColourName = keyof typeof oklchColourDefinitions;\n","// REACT CORE ==========================================================================================================\nimport { ElementType, FormEvent, HTMLProps } from \"react\";\n\n// STYLES ==============================================================================================================\nimport { oklchColourDefinitions, type OklchColourName } from \"../../styles/colours\";\n\n// Basic colours without hue/chroma (not part of OKLCH definitions)\nexport const BasicColours = [ \"transparent\", \"black\", \"white\" ] as const;\ntype BasicColoursType = typeof BasicColours[number];\n\n// Combined list of all available colours\nexport const FictoanColours = [ ...Object.keys(oklchColourDefinitions), ...BasicColours ] as const;\n\ntype Luminance = \"dark\" | \"light\";\ntype ShadeLevel = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype OpacityLevel = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype CustomColours = \"hue\" | \"tint\" | \"shade\" | \"analogue\" | \"accent\";\n\n// prettier-ignore\nexport type EmphasisTypes = \"primary\" | \"secondary\" | \"tertiary\" | \"custom\";\nexport type SpacingTypes = \"none\" | \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\nexport type ShadowTypes = \"none\" | \"mild\" | \"hard\" | \"soft\";\nexport type ShapeTypes = \"rounded\" | \"curved\";\nexport type OpacityTypes = \"0\" | \"5\" | \"10\" | \"20\" | \"30\" | \"40\" | \"50\" | \"60\" | \"70\" | \"80\" | \"90\";\nexport type WeightTypes = \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\";\nexport type ButtonVariantTypes = \"success\" | \"warning\" | \"danger\";\n\nexport type ColourPropTypes =\n | `${OklchColourName}-${Luminance}${ShadeLevel}`\n | `${OklchColourName}-${Luminance}${ShadeLevel}-opacity${OpacityLevel}`\n | `${OklchColourName}-opacity${OpacityLevel}`\n | `${BasicColoursType}-opacity${OpacityLevel}`\n | OklchColourName\n | BasicColoursType\n | CustomColours\n | \"\";\n\nexport interface CommonProps {\n bgColor ? : ColourPropTypes;\n bgColour ? : ColourPropTypes;\n bgOpacity ? : OpacityTypes;\n textColor ? : ColourPropTypes;\n textColour ? : ColourPropTypes;\n borderColor ? : ColourPropTypes;\n borderColour ? : ColourPropTypes;\n borderOpacity ? : OpacityTypes;\n fillColor ? : ColourPropTypes;\n fillColour ? : ColourPropTypes;\n strokeColor ? : ColourPropTypes;\n strokeColour ? : ColourPropTypes;\n shadow ? : ShadowTypes;\n shape ? : ShapeTypes;\n opacity ? : OpacityTypes;\n // Flexbox -----------------------------------------------------------------\n layoutAsFlexbox ? : boolean;\n stackVertically ? : boolean;\n stackHorizontally ? : boolean;\n // Grid --------------------------------------------------------------------\n layoutAsGrid ? : boolean;\n columns ? : string;\n // Common ------------------------------------------------------------------\n gap ? : SpacingTypes;\n // Margin ------------------------------------------------------------------\n margin ? : SpacingTypes;\n horizontalMargin ? : SpacingTypes;\n verticalMargin ? : SpacingTypes;\n marginTop ? : SpacingTypes;\n marginRight ? : SpacingTypes;\n marginBottom ? : SpacingTypes;\n marginLeft ? : SpacingTypes;\n // Padding -----------------------------------------------------------------\n padding ? : SpacingTypes;\n horizontalPadding ? : SpacingTypes;\n verticalPadding ? : SpacingTypes;\n paddingTop ? : SpacingTypes;\n paddingRight ? : SpacingTypes;\n paddingBottom ? : SpacingTypes;\n paddingLeft ? : SpacingTypes;\n horizontallyCentreThis ? : boolean;\n horizontallyCenterThis ? : boolean;\n verticallyCentreItems ? : boolean;\n verticallyCenterItems ? : boolean;\n pushItemsToEnds ? : boolean;\n isClickable ? : boolean;\n isFullWidth ? : boolean;\n isFullHeight ? : boolean;\n hideOnMobile ? : boolean;\n showOnlyOnMobile ? : boolean;\n hideOnTabletPortrait ? : boolean;\n showOnlyOnTabletPortrait ? : boolean;\n hideOnTabletLandscape ? : boolean;\n showOnlyOnTabletLandscape ? : boolean;\n hideOnDesktop ? : boolean;\n showOnlyOnDesktop ? : boolean;\n weight ? : WeightTypes;\n classNames ? : string[];\n}\n\nexport interface CommonAndHTMLProps<T extends {}>\n extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"size\" | \"ref\" | \"shape\"> {}\n\n// Fictoan has two different types of event handlers, one for standard events and one for direct values\n// This generic event handler type is a union of the two\nexport type FlexibleEventHandler<T, V = any> =\n | ((event : T) => void)\n | ((value : V) => void);\n\nexport interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"ref\" | \"shape\"> {\n as ? : ElementType;\n className ? : string;\n ariaLabel ? : string;\n onChange ? : FlexibleEventHandler<FormEvent<T>, any>;\n}\n"],"names":["SidebarItemsGroup","React","title","children","props","forwardedRef","jsxs","Element","jsx","oklchColourDefinitions","BasicColours","FictoanColours"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/components/Sidebar/SidebarItemsGroup/SidebarItemsGroup.tsx","../src/styles/colours.ts","../src/components/Element/constants.ts"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-items-group.css\";\n\n// prettier-ignore\nexport interface SidebarItemsGroupCustomProps {\n title ? : string;\n}\n\nexport type SidebarItemsGroupElementType = HTMLDivElement;\nexport type SidebarItemsGroupNewProps = Omit<CommonAndHTMLProps<SidebarItemsGroupElementType>,\n keyof SidebarItemsGroupCustomProps> & SidebarItemsGroupCustomProps;\n\nexport const SidebarItemsGroup = React.forwardRef(\n (\n {\n title,\n children,\n ...props\n }: SidebarItemsGroupNewProps, forwardedRef: React.Ref<SidebarItemsGroupElementType>) => {\n\n return (\n <Element<SidebarItemsGroupElementType>\n as=\"nav\"\n data-sidebar-items-group\n ref={forwardedRef}\n {...props}\n >\n {title && <p className=\"group-title\">{title}</p>}\n {children}\n </Element>\n );\n },\n);\nSidebarItemsGroup.displayName = \"SidebarItemsGroup\";\n","// OKLCH colour definitions\n// Hue: 0-360 degrees (OKLCH hue wheel)\n// Chroma: colour intensity (0 = grey, ~0.4 = vivid)\n\nexport interface ColourDefinition {\n hue : number;\n chroma : number;\n}\n\n// 36-colour palette with ~10° hue gaps\nexport const oklchColourDefinitions : Record<string, ColourDefinition> = {\n // Reds & Pinks (0-30°)\n pink : {hue : 0, chroma : 0.185},\n rose : {hue : 10, chroma : 0.175},\n crimson : {hue : 20, chroma : 0.195},\n red : {hue : 30, chroma : 0.234},\n\n // Oranges & Earth tones (40-70°)\n salmon : {hue : 40, chroma : 0.165},\n sienna : {hue : 50, chroma : 0.095},\n orange : {hue : 60, chroma : 0.175},\n amber : {hue : 70, chroma : 0.164},\n\n // Yellows (80-100°)\n gold : {hue : 80, chroma : 0.155},\n yellow : {hue : 90, chroma : 0.155},\n lime : {hue : 100, chroma : 0.145},\n\n // Greens (110-170°)\n chartreuse : {hue : 110, chroma : 0.145},\n spring : {hue : 120, chroma : 0.14},\n pistachio : {hue : 130, chroma : 0.1},\n sage : {hue : 140, chroma : 0.09},\n green : {hue : 150, chroma : 0.145},\n emerald : {hue : 160, chroma : 0.155},\n jade : {hue : 170, chroma : 0.125},\n\n // Teals & Cyans (180-210°)\n teal : {hue : 180, chroma : 0.115},\n cyan : {hue : 190, chroma : 0.135},\n aqua : {hue : 200, chroma : 0.125},\n azure : {hue : 210, chroma : 0.145},\n\n // Blues (220-270°)\n sky : {hue : 220, chroma : 0.145},\n cerulean : {hue : 230, chroma : 0.155},\n cobalt : {hue : 240, chroma : 0.175},\n navy : {hue : 250, chroma : 0.145},\n blue : {hue : 260, chroma : 0.195},\n royal : {hue : 270, chroma : 0.185},\n\n // Purples & Violets (280-330°)\n indigo : {hue : 280, chroma : 0.165},\n iris : {hue : 290, chroma : 0.15},\n violet : {hue : 300, chroma : 0.135},\n plum : {hue : 310, chroma : 0.125},\n purple : {hue : 320, chroma : 0.125},\n magenta : {hue : 330, chroma : 0.165},\n\n // Magentas & Back to pink (340-350°)\n fuchsia : {hue : 340, chroma : 0.185},\n cerise : {hue : 350, chroma : 0.19},\n\n // Neutrals (special cases)\n slate : {hue : 255, chroma : 0.02},\n grey : {hue : 0, chroma : 0},\n brown : {hue : 55, chroma : 0.065},\n};\n\n// Colour names for type safety\nexport type OklchColourName = keyof typeof oklchColourDefinitions;\n","// REACT CORE ==========================================================================================================\nimport { ElementType, FormEvent, HTMLProps } from \"react\";\n\n// STYLES ==============================================================================================================\nimport { oklchColourDefinitions, type OklchColourName } from \"../../styles/colours\";\n\n// Basic colours without hue/chroma (not part of OKLCH definitions)\nexport const BasicColours = [ \"transparent\", \"black\", \"white\" ] as const;\ntype BasicColoursType = typeof BasicColours[number];\n\n// Combined list of all available colours\nexport const FictoanColours = [ ...Object.keys(oklchColourDefinitions), ...BasicColours ] as const;\n\ntype Luminance = \"dark\" | \"light\";\ntype ShadeLevel = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype OpacityLevel = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype CustomColours = \"hue\" | \"tint\" | \"shade\" | \"analogue\" | \"accent\";\n\n// prettier-ignore\nexport type EmphasisTypes = \"primary\" | \"secondary\" | \"tertiary\" | \"custom\";\nexport type SpacingTypes = \"none\" | \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\nexport type ShadowTypes = \"none\" | \"mild\" | \"hard\" | \"soft\";\nexport type ShapeTypes = \"rounded\" | \"curved\";\nexport type OpacityTypes = \"0\" | \"5\" | \"10\" | \"20\" | \"30\" | \"40\" | \"50\" | \"60\" | \"70\" | \"80\" | \"90\";\nexport type WeightTypes = \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\";\nexport type ButtonVariantTypes = \"success\" | \"warning\" | \"danger\";\n\nexport type ColourPropTypes =\n | `${OklchColourName}-${Luminance}${ShadeLevel}`\n | `${OklchColourName}-${Luminance}${ShadeLevel}-opacity${OpacityLevel}`\n | `${OklchColourName}-opacity${OpacityLevel}`\n | `${BasicColoursType}-opacity${OpacityLevel}`\n | OklchColourName\n | BasicColoursType\n | CustomColours\n | \"\";\n\nexport interface CommonProps {\n bgColor ? : ColourPropTypes;\n bgColour ? : ColourPropTypes;\n bgOpacity ? : OpacityTypes;\n textColor ? : ColourPropTypes;\n textColour ? : ColourPropTypes;\n borderColor ? : ColourPropTypes;\n borderColour ? : ColourPropTypes;\n borderOpacity ? : OpacityTypes;\n fillColor ? : ColourPropTypes;\n fillColour ? : ColourPropTypes;\n strokeColor ? : ColourPropTypes;\n strokeColour ? : ColourPropTypes;\n shadow ? : ShadowTypes;\n shape ? : ShapeTypes;\n opacity ? : OpacityTypes;\n // Flexbox -----------------------------------------------------------------\n layoutAsFlexbox ? : boolean;\n stackVertically ? : boolean;\n stackHorizontally ? : boolean;\n // Grid --------------------------------------------------------------------\n layoutAsGrid ? : boolean;\n columns ? : string;\n // Common ------------------------------------------------------------------\n gap ? : SpacingTypes;\n // Margin ------------------------------------------------------------------\n margin ? : SpacingTypes;\n horizontalMargin ? : SpacingTypes;\n verticalMargin ? : SpacingTypes;\n marginTop ? : SpacingTypes;\n marginRight ? : SpacingTypes;\n marginBottom ? : SpacingTypes;\n marginLeft ? : SpacingTypes;\n // Padding -----------------------------------------------------------------\n padding ? : SpacingTypes;\n horizontalPadding ? : SpacingTypes;\n verticalPadding ? : SpacingTypes;\n paddingTop ? : SpacingTypes;\n paddingRight ? : SpacingTypes;\n paddingBottom ? : SpacingTypes;\n paddingLeft ? : SpacingTypes;\n horizontallyCentreThis ? : boolean;\n horizontallyCenterThis ? : boolean;\n verticallyCentreItems ? : boolean;\n verticallyCenterItems ? : boolean;\n pushItemsToEnds ? : boolean;\n isClickable ? : boolean;\n isFullWidth ? : boolean;\n isFullHeight ? : boolean;\n inheritFormSpacing ? : boolean;\n hideOnMobile ? : boolean;\n showOnlyOnMobile ? : boolean;\n hideOnTabletPortrait ? : boolean;\n showOnlyOnTabletPortrait ? : boolean;\n hideOnTabletLandscape ? : boolean;\n showOnlyOnTabletLandscape ? : boolean;\n hideOnDesktop ? : boolean;\n showOnlyOnDesktop ? : boolean;\n weight ? : WeightTypes;\n classNames ? : string[];\n}\n\nexport interface CommonAndHTMLProps<T extends {}>\n extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"size\" | \"ref\" | \"shape\"> {}\n\n// Fictoan has two different types of event handlers, one for standard events and one for direct values\n// This generic event handler type is a union of the two\nexport type FlexibleEventHandler<T, V = any> =\n | ((event : T) => void)\n | ((value : V) => void);\n\nexport interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"ref\" | \"shape\"> {\n as ? : ElementType;\n className ? : string;\n ariaLabel ? : string;\n onChange ? : FlexibleEventHandler<FormEvent<T>, any>;\n}\n"],"names":["SidebarItemsGroup","React","title","children","props","forwardedRef","jsxs","Element","jsx","oklchColourDefinitions","BasicColours","FictoanColours"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name" : "fictoan-react",
3
- "version" : "2.0.0-beta.13",
3
+ "version" : "2.0.0-beta.14",
4
4
  "description" : "A full-featured, designer-friendly, yet performant framework with plain-English props and focus on rapid iteration.",
5
5
  "repository" : {
6
6
  "type" : "git",