@televet/kibble-ui 5.0.20-alpha.hunter.9 → 5.0.20

package/dist/esm/theme/tokens/index.js

@@ -1,5 +1,29 @@
-import { coreColors as e } from "./colors/index.js";
+import { blurs as e } from "./blurs/index.js";
+import { borders as t, radii as i } from "./borders/index.js";
+import { coreColors as f } from "./colors/index.js";
+import { shadowRecords as a, shadows as m } from "./shadows/index.js";
+import { breakpointSizes as d, sizes as c } from "./sizes/index.js";
+import { spacing as h } from "./spacing/index.js";
+import { transitionDurations as z, transitionEasings as b } from "./transitions/index.js";
+import { fontSizes as u, fontWeights as w, fonts as k, letterSpacings as C, lineHeights as D } from "./typography/index.js";
+import { zIndices as H } from "./zIndices/index.js";
 export {
-  e as coreColors
+  e as blurs,
+  t as borders,
+  d as breakpointSizes,
+  f as coreColors,
+  u as fontSizes,
+  w as fontWeights,
+  k as fonts,
+  C as letterSpacings,
+  D as lineHeights,
+  i as radii,
+  a as shadowRecords,
+  m as shadows,
+  c as sizes,
+  h as spacing,
+  z as transitionDurations,
+  b as transitionEasings,
+  H as zIndices
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/theme/tokens/shadows/index.js

@@ -1,2 +1,56 @@
-
+const p = {
+  xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
+  xsR: "0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  smR: " 0px -1px 2px rgba(0, 0, 0, 0.05)",
+  base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
+  baseR: "0px -1px 3px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.06)",
+  mdR: "0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+  lgR: "0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -2px rgba(0, 0, 0, 0.05)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+  xlR: "0px -20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.04)",
+  "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+  "2xlR": "0px -25px 50px -12px rgba(0, 0, 0, 0.25)",
+  outline: "0 0 0 3px rgba(66, 153, 225, 0.6)",
+  hover: "0 0 0 3px #EDEBEB",
+  // border || border.default
+  "hover.contrast": "0 0 0 3px #504D4C",
+  // border.contrast
+  active: "0 0 0 3px #497CC3",
+  // border.focus
+  "active.contrast": "0 0 0 3px #CBE2FF",
+  // border.focus.contrast
+  inner: "inset 0 2px 4px 0 rgba(0,0,0,0.06)",
+  none: "none",
+  "dark-lg": "rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"
+}, x = {
+  xs: { type: "base", value: p.xs },
+  xsR: { type: "reverse", value: p.xsR },
+  sm: { type: "base", value: p.sm },
+  smR: { type: "reverse", value: p.smR },
+  base: { type: "base", value: p.base },
+  baseR: { type: "reverse", value: p.baseR },
+  mdR: { type: "reverse", value: p.mdR },
+  md: { type: "base", value: p.md },
+  lgR: { type: "reverse", value: p.lgR },
+  lg: { type: "base", value: p.lg },
+  xlR: { type: "reverse", value: p.xlR },
+  xl: { type: "base", value: p.xl },
+  "2xl": { type: "base", value: p["2xl"] },
+  "2xlR": { type: "reverse", value: p["2xlR"] },
+  outline: { type: "misc", value: p.outline },
+  hover: { type: "misc", value: p.hover },
+  "hover.contrast": { type: "misc", value: p["hover.contrast"] },
+  active: { type: "misc", value: p.active },
+  "active.contrast": { type: "misc", value: p["active.contrast"] },
+  inner: { type: "misc", value: p.inner },
+  none: { type: "misc", value: "none" },
+  "dark-lg": { type: "misc", value: "dark-lg" }
+};
+export {
+  x as shadowRecords,
+  p as shadows
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/shadows/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/shadows/shadows.records.ts"],"sourcesContent":["import { Shadow, ShadowType } from './shadows.types';\n\nexport const shadows: Record<Shadow, string> = {\n  xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',\n  xsR: '0px 0px 0px 1px rgba(0, 0, 0, 0.05)',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  smR: ' 0px -1px 2px rgba(0, 0, 0, 0.05)',\n  base: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',\n  baseR: '0px -1px 3px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.06)',\n  mdR: '0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n  lgR: '0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -2px rgba(0, 0, 0, 0.05)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n  xlR: '0px -20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.04)',\n  '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n  '2xlR': '0px -25px 50px -12px rgba(0, 0, 0, 0.25)',\n  outline: '0 0 0 3px rgba(66, 153, 225, 0.6)',\n  hover: '0 0 0 3px #EDEBEB', // border || border.default\n  'hover.contrast': '0 0 0 3px #504D4C', // border.contrast\n  active: '0 0 0 3px #497CC3', // border.focus\n  'active.contrast': '0 0 0 3px #CBE2FF', // border.focus.contrast\n  inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',\n  none: 'none',\n  'dark-lg': 'rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px',\n};\n\nexport const shadowRecords: Record<Shadow, { type: ShadowType; value: string }> = {\n  xs: { type: 'base', value: shadows.xs },\n  xsR: { type: 'reverse', value: shadows.xsR },\n  sm: { type: 'base', value: shadows.sm },\n  smR: { type: 'reverse', value: shadows.smR },\n  base: { type: 'base', value: shadows.base },\n  baseR: { type: 'reverse', value: shadows.baseR },\n  mdR: { type: 'reverse', value: shadows.mdR },\n  md: { type: 'base', value: shadows.md },\n  lgR: { type: 'reverse', value: shadows.lgR },\n  lg: { type: 'base', value: shadows.lg },\n  xlR: { type: 'reverse', value: shadows.xlR },\n  xl: { type: 'base', value: shadows.xl },\n  '2xl': { type: 'base', value: shadows['2xl'] },\n  '2xlR': { type: 'reverse', value: shadows['2xlR'] },\n  outline: { type: 'misc', value: shadows.outline },\n  hover: { type: 'misc', value: shadows.hover },\n  'hover.contrast': { type: 'misc', value: shadows['hover.contrast'] },\n  active: { type: 'misc', value: shadows.active },\n  'active.contrast': { type: 'misc', value: shadows['active.contrast'] },\n  inner: { type: 'misc', value: shadows.inner },\n  none: { type: 'misc', value: 'none' },\n  'dark-lg': { type: 'misc', value: 'dark-lg' },\n};\n"],"names":["shadows","shadowRecords"],"mappings":"AAEO,MAAMA,IAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA;AAAA,EACP,kBAAkB;AAAA;AAAA,EAClB,QAAQ;AAAA;AAAA,EACR,mBAAmB;AAAA;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AACb,GAEaC,IAAqE;AAAA,EAChF,IAAI,EAAE,MAAM,QAAQ,OAAOD,EAAQ,GAAG;AAAA,EACtC,KAAK,EAAE,MAAM,WAAW,OAAOA,EAAQ,IAAI;AAAA,EAC3C,IAAI,EAAE,MAAM,QAAQ,OAAOA,EAAQ,GAAG;AAAA,EACtC,KAAK,EAAE,MAAM,WAAW,OAAOA,EAAQ,IAAI;AAAA,EAC3C,MAAM,EAAE,MAAM,QAAQ,OAAOA,EAAQ,KAAK;AAAA,EAC1C,OAAO,EAAE,MAAM,WAAW,OAAOA,EAAQ,MAAM;AAAA,EAC/C,KAAK,EAAE,MAAM,WAAW,OAAOA,EAAQ,IAAI;AAAA,EAC3C,IAAI,EAAE,MAAM,QAAQ,OAAOA,EAAQ,GAAG;AAAA,EACtC,KAAK,EAAE,MAAM,WAAW,OAAOA,EAAQ,IAAI;AAAA,EAC3C,IAAI,EAAE,MAAM,QAAQ,OAAOA,EAAQ,GAAG;AAAA,EACtC,KAAK,EAAE,MAAM,WAAW,OAAOA,EAAQ,IAAI;AAAA,EAC3C,IAAI,EAAE,MAAM,QAAQ,OAAOA,EAAQ,GAAG;AAAA,EACtC,OAAO,EAAE,MAAM,QAAQ,OAAOA,EAAQ,KAAK,EAAE;AAAA,EAC7C,QAAQ,EAAE,MAAM,WAAW,OAAOA,EAAQ,MAAM,EAAE;AAAA,EAClD,SAAS,EAAE,MAAM,QAAQ,OAAOA,EAAQ,QAAQ;AAAA,EAChD,OAAO,EAAE,MAAM,QAAQ,OAAOA,EAAQ,MAAM;AAAA,EAC5C,kBAAkB,EAAE,MAAM,QAAQ,OAAOA,EAAQ,gBAAgB,EAAE;AAAA,EACnE,QAAQ,EAAE,MAAM,QAAQ,OAAOA,EAAQ,OAAO;AAAA,EAC9C,mBAAmB,EAAE,MAAM,QAAQ,OAAOA,EAAQ,iBAAiB,EAAE;AAAA,EACrE,OAAO,EAAE,MAAM,QAAQ,OAAOA,EAAQ,MAAM;AAAA,EAC5C,MAAM,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,EACpC,WAAW,EAAE,MAAM,QAAQ,OAAO,UAAU;AAC9C;"}

package/dist/esm/theme/tokens/sizes/index.js

@@ -1,2 +1,29 @@
-
+const m = {
+  max: "max-content",
+  min: "min-content",
+  full: "100%",
+  "3xs": "14rem",
+  "2xs": "16rem",
+  xs: "20rem",
+  sm: "24rem",
+  md: "28rem",
+  lg: "32rem",
+  xl: "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  "5xl": "64rem",
+  "6xl": "72rem",
+  "7xl": "80rem",
+  "8xl": "90rem"
+}, e = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px"
+};
+export {
+  e as breakpointSizes,
+  m as sizes
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/sizes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/sizes/sizes.records.ts"],"sourcesContent":["import { BreakpointSize, Size } from './sizes.types';\n\nexport const sizes: Record<Size, string> = {\n  max: 'max-content',\n  min: 'min-content',\n  full: '100%',\n  '3xs': '14rem',\n  '2xs': '16rem',\n  xs: '20rem',\n  sm: '24rem',\n  md: '28rem',\n  lg: '32rem',\n  xl: '36rem',\n  '2xl': '42rem',\n  '3xl': '48rem',\n  '4xl': '56rem',\n  '5xl': '64rem',\n  '6xl': '72rem',\n  '7xl': '80rem',\n  '8xl': '90rem',\n};\n\nexport const breakpointSizes: Record<BreakpointSize, string> = {\n  sm: '640px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1280px',\n};\n"],"names":["sizes","breakpointSizes"],"mappings":"AAEO,MAAMA,IAA8B;AAAA,EACzC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT,GAEaC,IAAkD;AAAA,EAC7D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

package/dist/esm/theme/tokens/spacing/index.js

@@ -1,2 +1,39 @@
-
+const e = {
+  px: "1px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+};
+export {
+  e as spacing
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/spacing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/spacing/spacing.records.ts"],"sourcesContent":["import { Space } from './spacing.types';\n\nexport const spacing: Record<Space, string> = {\n  px: '1px',\n  0.5: '0.125rem',\n  1: '0.25rem',\n  1.5: '0.375rem',\n  2: '0.5rem',\n  2.5: '0.625rem',\n  3: '0.75rem',\n  3.5: '0.875rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  7: '1.75rem',\n  8: '2rem',\n  9: '2.25rem',\n  10: '2.5rem',\n  12: '3rem',\n  14: '3.5rem',\n  16: '4rem',\n  20: '5rem',\n  24: '6rem',\n  28: '7rem',\n  32: '8rem',\n  36: '9rem',\n  40: '10rem',\n  44: '11rem',\n  48: '12rem',\n  52: '13rem',\n  56: '14rem',\n  60: '15rem',\n  64: '16rem',\n  72: '18rem',\n  80: '20rem',\n  96: '24rem',\n};\n"],"names":["spacing"],"mappings":"AAEO,MAAMA,IAAiC;AAAA,EAC5C,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

package/dist/esm/theme/tokens/transitions/index.js

@@ -1,2 +1,18 @@
-
+const s = {
+  "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
+  "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
+  "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+}, e = {
+  "ultra-fast": "50ms",
+  faster: "100ms",
+  fast: "150ms",
+  normal: "200ms",
+  slow: "300ms",
+  slower: "400ms",
+  "ultra-slow": "500ms"
+};
+export {
+  e as transitionDurations,
+  s as transitionEasings
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/transitions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/transitions/transitions.records.ts"],"sourcesContent":["import { TransitionDuration, TransitionEasing } from './transitions.types';\n\nexport const transitionEasings: Record<TransitionEasing, string> = {\n  'ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n  'ease-out': 'cubic-bezier(0, 0, 0.2, 1)',\n  'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n};\n\nexport const transitionDurations: Record<TransitionDuration, string> = {\n  'ultra-fast': '50ms',\n  faster: '100ms',\n  fast: '150ms',\n  normal: '200ms',\n  slow: '300ms',\n  slower: '400ms',\n  'ultra-slow': '500ms',\n};\n"],"names":["transitionEasings","transitionDurations"],"mappings":"AAEO,MAAMA,IAAsD;AAAA,EACjE,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GAEaC,IAA0D;AAAA,EACrE,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAChB;"}

package/dist/esm/theme/tokens/typography/index.js

@@ -1,2 +1,54 @@
-
+const e = {
+  heading: "'aktiv-grotesk', sans-serif",
+  body: "'aktiv-grotesk', sans-serif",
+  mono: "LinearSans, Noto Sans, Arial, Helvetica, sans-serif"
+}, r = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem",
+  "8xl": "6rem",
+  "9xl": "8rem"
+}, m = {
+  normal: 400,
+  semibold: 600,
+  bold: 600
+}, s = {
+  normal: "normal",
+  none: 1,
+  shorter: 1.25,
+  short: 1.375,
+  base: 1.5,
+  tall: 1.625,
+  taller: "2",
+  3: ".75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem"
+}, t = {
+  tight: "-0.025em",
+  tighter: "-0.05em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+export {
+  r as fontSizes,
+  m as fontWeights,
+  e as fonts,
+  t as letterSpacings,
+  s as lineHeights
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/typography/typography.records.ts"],"sourcesContent":["import { Font, FontSize, FontWeight, LetterSpacing, LineHeight } from './typography.types';\n\nexport const fonts: Record<Font, string> = {\n  heading: \"'aktiv-grotesk', sans-serif\",\n  body: \"'aktiv-grotesk', sans-serif\",\n  mono: 'LinearSans, Noto Sans, Arial, Helvetica, sans-serif',\n};\n\nexport const fontSizes: Record<FontSize, string> = {\n  xs: '0.75rem',\n  sm: '0.875rem',\n  md: '1rem',\n  lg: '1.125rem',\n  xl: '1.25rem',\n  '2xl': '1.5rem',\n  '3xl': '1.875rem',\n  '4xl': '2.25rem',\n  '5xl': '3rem',\n  '6xl': '3.75rem',\n  '7xl': '4.5rem',\n  '8xl': '6rem',\n  '9xl': '8rem',\n};\n\nexport const fontWeights: Record<FontWeight, number> = {\n  normal: 400,\n  semibold: 600,\n  bold: 600,\n};\n\nexport const lineHeights: Record<LineHeight, string | number> = {\n  normal: 'normal',\n  none: 1,\n  shorter: 1.25,\n  short: 1.375,\n  base: 1.5,\n  tall: 1.625,\n  taller: '2',\n  '3': '.75rem',\n  '4': '1rem',\n  '5': '1.25rem',\n  '6': '1.5rem',\n  '7': '1.75rem',\n  '8': '2rem',\n  '9': '2.25rem',\n  '10': '2.5rem',\n};\n\nexport const letterSpacings: Record<LetterSpacing, string> = {\n  tight: '-0.025em',\n  tighter: '-0.05em',\n  normal: '0em',\n  wide: '0.025em',\n  wider: '0.05em',\n  widest: '0.1em',\n};\n"],"names":["fonts","fontSizes","fontWeights","lineHeights","letterSpacings"],"mappings":"AAEO,MAAMA,IAA8B;AAAA,EACzC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR,GAEaC,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT,GAEaC,IAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AACR,GAEaC,IAAmD;AAAA,EAC9D,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,IAAM;AACR,GAEaC,IAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;"}

package/dist/esm/theme/tokens/zIndices/index.js

@@ -1,2 +1,20 @@
-
+const o = {
+  hide: -1,
+  auto: "auto",
+  base: 0,
+  docked: 10,
+  dropdown: 1e3,
+  sticky: 1100,
+  banner: 1200,
+  overlay: 1300,
+  modal: 1400,
+  popover: 1500,
+  skipLink: 1600,
+  toast: 1700,
+  tooltip: 1800,
+  tooltipExtra: 1e4
+};
+export {
+  o as zIndices
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/zIndices/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/zIndices/zIndices.records.ts"],"sourcesContent":["import { ZIndex } from './zIndices.types';\n\nexport const zIndices: Record<ZIndex, string | number> = {\n  hide: -1,\n  auto: 'auto',\n  base: 0,\n  docked: 10,\n  dropdown: 1000,\n  sticky: 1100,\n  banner: 1200,\n  overlay: 1300,\n  modal: 1400,\n  popover: 1500,\n  skipLink: 1600,\n  toast: 1700,\n  tooltip: 1800,\n  tooltipExtra: 10000,\n};\n"],"names":["zIndices"],"mappings":"AAEO,MAAMA,IAA4C;AAAA,EACvD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAChB;"}

package/dist/types/components/DatePicker/context/datePicker.provider.d.ts

@@ -6,12 +6,11 @@ type DatePickerProviderProps = DatePickerProps & {
     numberOfMonths?: number;
     sameWidth?: boolean;
     standalone?: boolean;
-    timezone?: string | null;
 };
 export interface DatePickerInternalState {
     startDate: Date | null;
     endDate: Date | null;
     focusedInput: FocusedInput | null;
 }
-export declare const DatePickerProvider: ({ children, dateFormat, endDate, inputProps, maxDate, maxDaysInRange, maxYear, minDate, minYear, numberOfMonths, onDateChange, placement, startDate, withDateRange, sameWidth, standalone, firstDayOfWeek, timezone, }: DatePickerProviderProps) => React.JSX.Element;
+export declare const DatePickerProvider: ({ children, dateFormat, endDate, inputProps, maxDate, maxDaysInRange, maxYear, minDate, minYear, numberOfMonths, onDateChange, placement, startDate, withDateRange, sameWidth, standalone, firstDayOfWeek, }: DatePickerProviderProps) => React.JSX.Element;
 export {};

package/dist/types/components/Heading/heading.recipe.d.ts

@@ -3,5 +3,5 @@ import { HeadingSize } from './heading.types';
 export declare const headingRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<HeadingSize, SystemStyleObject>;
-    fontWeight: Record<import('../../theme/tokens').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/index.ts').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/components/Link/link.recipe.d.ts

@@ -1,5 +1,5 @@
 export declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", import('@chakra-ui/react').SystemStyleObject>;
     size: Record<import('..').TextSize, import('@chakra-ui/react').SystemStyleObject>;
-    fontWeight: Record<import('../../theme/tokens').FontWeight, import('@chakra-ui/react').SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/index.ts').FontWeight, import('@chakra-ui/react').SystemStyleObject>;
 }>;

package/dist/types/components/Rating/rating.component.d.ts

@@ -3,7 +3,7 @@ import { RatingGroup } from '@chakra-ui/react/rating-group';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { IconName } from '../Icon';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
-import { KibbleSemanticColorToken } from '../../theme/semanticTokens/semanticTokens.types';
+import { KibbleSemanticColorToken } from '../../../packages/kibble-primitives/src/semantic/index.ts';
 import { ConditionalValue } from '@chakra-ui/react';
 export interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {
     /** Total number of ratings.

package/dist/types/components/Text/text.recipe.d.ts

@@ -4,5 +4,5 @@ export declare const textSizeStyles: Record<TextSize, SystemStyleObject>;
 export declare const textRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<TextSize, SystemStyleObject>;
-    fontWeight: Record<import('../../theme/tokens').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/index.ts').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -20,11 +20,10 @@ export interface TimePickerProps {
      * @default bottom
      */
     placement?: Placement;
-    timezone?: string;
     /**
      * Data test id for the time picker.
      * @default kibble-timepicker
      */
     'data-testid'?: string;
 }
-export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, timezone, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;
+export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;

package/dist/types/components/TimeRange/timeRange.component.d.ts

@@ -11,7 +11,6 @@ export interface TimeRangeProps extends FlexProps {
     endTimePickerProps: TimePickerProps;
     /** Props for the start time picker. See `TimePicker` for more information. */
     startTimePickerProps: TimePickerProps;
-    timezone?: string;
     /**
      * Data test id for the time range.
      * @default kibble-time-range

package/dist/types/theme/semanticTokens/aliasPurpose.records.d.ts

@@ -1,4 +1,4 @@
-import { SemanticColorScheme } from './semanticTokens.types';
+import { SemanticColorScheme } from '../../../packages/kibble-primitives/src/semantic/index.ts';
 /** Scheme purpose (from Color schemes table). */
 export declare const SCHEME_PURPOSE: Record<SemanticColorScheme, string>;
 /** State meaning / when to use (from States table). Keys are lowercase state keys from the map. */

package/dist/types/theme/semanticTokens/index.d.ts

@@ -1,2 +1 @@
-export * from './semanticTokens.types';
-export { invertToken } from './utils/invertToken';
+export * from '../../../packages/kibble-primitives/src/semantic/index.ts';

package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts

@@ -11,9 +11,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         secondary: {
@@ -21,9 +21,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         brand: any;
@@ -65,9 +65,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         primaryAlpha: {
@@ -75,9 +75,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         secondaryAlpha: {
@@ -85,9 +85,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         destructiveAlpha: {
@@ -95,20 +95,20 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         overlay: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         backdrop: any;
         contrast: {
-            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-            subtle: import('./semanticTokens.types').SemanticTokenDefinition;
-            moreSubtle: import('./semanticTokens.types').SemanticTokenDefinition;
+            DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            subtle: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            moreSubtle: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             mostSubtle: any;
         };
         gradientFull: {
@@ -116,9 +116,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
-                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         gradientPink: {
@@ -134,15 +134,15 @@ export declare const semanticColorTokens: {
         subtle: any;
         strong: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         focus: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         brand: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         info: any;
         success: any;
@@ -155,8 +155,8 @@ export declare const semanticColorTokens: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        'contrast.subtle': import('./semanticTokens.types').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+        'contrast.subtle': import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
     };
     divider: {
         DEFAULT: any;
@@ -167,22 +167,22 @@ export declare const semanticColorTokens: {
         default: any;
         subtle: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         interactive: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         brand: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
-                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         info: any;
@@ -196,12 +196,12 @@ export declare const semanticColorTokens: {
         };
         placeholder: {
             DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         accent: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
     };
 };

package/dist/types/theme/semanticTokens/utils/flattenSemanticTokenRecord.d.ts

@@ -1,4 +1,4 @@
-import { SemanticProperty } from '../semanticTokens.types';
+import { SemanticProperty } from '../../../../packages/kibble-primitives/src/semantic/index.ts';
 export type FlatSemanticTokenRecord = Record<string, {
     _dark: string;
     _light: string;

package/dist/types/theme/semanticTokens/utils/getSemanticColorToken.d.ts

@@ -1,4 +1,4 @@
-import { SemanticProperty } from '../semanticTokens.types';
+import { SemanticProperty } from '../../../../packages/kibble-primitives/src/semantic/index.ts';
 import { FlatSemanticTokenRecord } from './flattenSemanticTokenRecord';
 export type KibbleThemeMode = 'light' | 'dark';
 export declare const getSemanticColorTokenRecord: ({ property }: {

package/dist/types/theme/tokens/blurs/index.d.ts

@@ -1 +1 @@
-export * from './blurs.types';
+export * from '../../../../packages/kibble-primitives/src/core/blurs/index.ts';

package/dist/types/theme/tokens/borders/index.d.ts

@@ -1 +1 @@
-export * from './borders.types';
+export * from '../../../../packages/kibble-primitives/src/core/borders/index.ts';

package/dist/types/theme/tokens/colors/colors.config.d.ts

@@ -1,3 +1,3 @@
-export declare const colorTokens: Record<import('./colors.types').CoreColor, Record<import('./colors.types').ColorValue, {
+export declare const colorTokens: Record<import('../../../../packages/kibble-primitives/src/core/colors/index.ts').CoreColor, Record<import('../../../../packages/kibble-primitives/src/core/colors/index.ts').ColorValue, {
     value: string;
 }>>;

package/dist/types/theme/tokens/colors/index.d.ts

@@ -1,2 +1 @@
-export * from './colors.records';
-export * from './colors.types';
+export * from '../../../../packages/kibble-primitives/src/core/colors/index.ts';

package/dist/types/theme/tokens/shadows/index.d.ts

@@ -1 +1 @@
-export * from './shadows.types';
+export * from '../../../../packages/kibble-primitives/src/core/shadows/index.ts';