@crisp-ui-kit/crisp 0.7.3 → 0.7.4

package/dist/cjs/components/avatar/avatar.recipe.js

@@ -31,12 +31,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.avatarRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        lg: {
-            height: "24px",
-            fontSize: "12px",
-            fontWeight: "600",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/components/badge/badge.recipe.js

@@ -56,13 +56,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.badgeRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        medium: {
-            height: "20px",
-            borderRadius: "6px",
-            fontSize: "12px",
-            fontWeight: "500",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/components/button/button.recipe.js

@@ -44,15 +44,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.buttonRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        primary: {
-            height: "28px",
-            borderRadius: "8px",
-            fontWeight: "500",
-            fontSize: "14px",
-            background: "rgb(38, 109, 240)",
-            color: "rgb(255, 255, 255)",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/components/checkbox/checkbox.recipe.js

@@ -24,11 +24,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.checkboxRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        box: {
-            size: "16px",
-            borderRadius: "6px",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/components/input/input.recipe.js

@@ -54,6 +54,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.inputRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: { medium: { height: "32px", borderRadius: "8px", fontSize: "14px" } },
 });
 exports.default = config;

package/dist/cjs/components/kbd/kbd.recipe.js

@@ -12,12 +12,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.kbdRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        chip: {
-            height: "20px",
-            borderRadius: "6px",
-            fontSize: "11px",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/components/switch/switch.recipe.js

@@ -24,6 +24,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.switchRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: { track: { width: "24px", height: "16px" }, thumb: { size: "12px" } },
 });
 exports.default = config;

package/dist/cjs/components/wheelpicker/wheelpicker.recipe.js

@@ -90,6 +90,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.wheelpickerRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: { medium: { height: "220px", itemHeight: "44px" } },
 });
 exports.default = config;

package/dist/cjs/product/appshell/appshell.recipe.js

@@ -25,6 +25,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.appshellRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: { sidebar: { defaultWidth: "275px" } },
 });
 exports.default = config;

package/dist/cjs/product/command/command.recipe.js

@@ -37,11 +37,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.commandRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        content: {
-            maxWidth: "720px",
-            borderRadius: "16px",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/product/navitem/navitem.recipe.js

@@ -24,13 +24,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.navitemRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        row: {
-            height: "28px",
-            borderRadius: "9px",
-            fontSize: "14px",
-            fontWeight: "500",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/product/recordpanel/recordpanel.recipe.js

@@ -46,6 +46,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.recordpanelRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: { panel: { width: "420px" } },
 });
 exports.default = config;

package/dist/cjs/product/recordstable/recordstable.recipe.js

@@ -97,11 +97,21 @@ ${(0, tabletoolbar_chrome_1.toolbarChromeBody)("recordstable")}
     & .recordstable-col-check { width: 40px; min-width: 40px; padding: 0; }
     & .recordstable-check-inner { display: flex; align-items: center; justify-content: center; height: 100%; }
     & .recordstable-col-check, & .recordstable-col-entity { position: sticky; z-index: 3; background: ${tokens_1.contract.bgSurface}; }
-    & .recordstable-col-check { left: 0; }
-    & .recordstable-col-entity { left: 40px; clip-path: inset(0 -38px 0 0); transition: box-shadow .2s ease; }
+    /* The sticky pin is a LOGICAL offset: with physical \`left\` these columns
+       were not pinned at all under RTL -- scrolled, they left the viewport
+       entirely (measured: viewport 13..773, check column at x=1333). Nothing in
+       JS measures these, so converting them is safe; the two properties below
+       that have no logical form get an explicit RTL rule rather than being
+       left to point the wrong way. */
+    & .recordstable-col-check { inset-inline-start: 0; }
+    & .recordstable-col-entity { inset-inline-start: 40px; clip-path: inset(0 -38px 0 0); transition: box-shadow .2s ease; }
+    [dir="rtl"] & .recordstable-col-entity { clip-path: inset(0 0 0 -38px); }
     & thead .recordstable-col-check, & thead .recordstable-col-entity { z-index: 4; }
     /* soft shadow on the sticky column edge once the grid is scrolled horizontally */
     & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: 6px 0 16px 4px rgba(0,0,0,0.12); }
+    /* box-shadow has no logical form either: the bleed follows the scrolled
+       content, which is the opposite side under RTL. */
+    [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
     /* AI-enriched values carry a purple wash. Measured from Attio:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
@@ -142,11 +152,5 @@ ${(0, tabletoolbar_chrome_1.toolbarChromeBody)("recordstable")}
 });
 exports.recordstableRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        row: {
-            height: "36px",
-            gridLine: "1px",
-        },
-    },
 });
 exports.default = config;

package/dist/cjs/product/sidebar/sidebar.recipe.js

@@ -37,10 +37,5 @@ const config = (0, core_1.defineRecipe)({
 });
 exports.sidebarRecipe = Object.assign((0, core_1.resolveRecipe)(config), {
     config,
-    meta: {
-        container: {
-            width: "275px",
-        },
-    },
 });
 exports.default = config;

package/dist/esm/components/avatar/avatar.recipe.js

@@ -28,12 +28,5 @@ const config = defineRecipe({
 });
 export const avatarRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        lg: {
-            height: "24px",
-            fontSize: "12px",
-            fontWeight: "600",
-        },
-    },
 });
 export default config;

package/dist/esm/components/badge/badge.recipe.js

@@ -53,13 +53,5 @@ const config = defineRecipe({
 });
 export const badgeRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        medium: {
-            height: "20px",
-            borderRadius: "6px",
-            fontSize: "12px",
-            fontWeight: "500",
-        },
-    },
 });
 export default config;

package/dist/esm/components/button/button.recipe.js

@@ -41,15 +41,5 @@ const config = defineRecipe({
 });
 export const buttonRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        primary: {
-            height: "28px",
-            borderRadius: "8px",
-            fontWeight: "500",
-            fontSize: "14px",
-            background: "rgb(38, 109, 240)",
-            color: "rgb(255, 255, 255)",
-        },
-    },
 });
 export default config;

package/dist/esm/components/checkbox/checkbox.recipe.js

@@ -21,11 +21,5 @@ const config = defineRecipe({
 });
 export const checkboxRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        box: {
-            size: "16px",
-            borderRadius: "6px",
-        },
-    },
 });
 export default config;

package/dist/esm/components/input/input.recipe.js

@@ -51,6 +51,5 @@ const config = defineRecipe({
 });
 export const inputRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: { medium: { height: "32px", borderRadius: "8px", fontSize: "14px" } },
 });
 export default config;

package/dist/esm/components/kbd/kbd.recipe.js

@@ -9,12 +9,5 @@ const config = defineRecipe({
 });
 export const kbdRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        chip: {
-            height: "20px",
-            borderRadius: "6px",
-            fontSize: "11px",
-        },
-    },
 });
 export default config;

package/dist/esm/components/switch/switch.recipe.js

@@ -21,6 +21,5 @@ const config = defineRecipe({
 });
 export const switchRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: { track: { width: "24px", height: "16px" }, thumb: { size: "12px" } },
 });
 export default config;

package/dist/esm/components/wheelpicker/wheelpicker.recipe.js

@@ -87,6 +87,5 @@ const config = defineRecipe({
 });
 export const wheelpickerRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: { medium: { height: "220px", itemHeight: "44px" } },
 });
 export default config;

package/dist/esm/product/appshell/appshell.recipe.js

@@ -22,6 +22,5 @@ const config = defineRecipe({
 });
 export const appshellRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: { sidebar: { defaultWidth: "275px" } },
 });
 export default config;

package/dist/esm/product/command/command.recipe.js

@@ -34,11 +34,5 @@ const config = defineRecipe({
 });
 export const commandRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        content: {
-            maxWidth: "720px",
-            borderRadius: "16px",
-        },
-    },
 });
 export default config;

package/dist/esm/product/navitem/navitem.recipe.js

@@ -21,13 +21,5 @@ const config = defineRecipe({
 });
 export const navitemRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        row: {
-            height: "28px",
-            borderRadius: "9px",
-            fontSize: "14px",
-            fontWeight: "500",
-        },
-    },
 });
 export default config;

package/dist/esm/product/recordpanel/recordpanel.recipe.js

@@ -43,6 +43,5 @@ const config = defineRecipe({
 });
 export const recordpanelRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: { panel: { width: "420px" } },
 });
 export default config;

package/dist/esm/product/recordstable/recordstable.recipe.js

@@ -94,11 +94,21 @@ ${toolbarChromeBody("recordstable")}
     & .recordstable-col-check { width: 40px; min-width: 40px; padding: 0; }
     & .recordstable-check-inner { display: flex; align-items: center; justify-content: center; height: 100%; }
     & .recordstable-col-check, & .recordstable-col-entity { position: sticky; z-index: 3; background: ${c.bgSurface}; }
-    & .recordstable-col-check { left: 0; }
-    & .recordstable-col-entity { left: 40px; clip-path: inset(0 -38px 0 0); transition: box-shadow .2s ease; }
+    /* The sticky pin is a LOGICAL offset: with physical \`left\` these columns
+       were not pinned at all under RTL -- scrolled, they left the viewport
+       entirely (measured: viewport 13..773, check column at x=1333). Nothing in
+       JS measures these, so converting them is safe; the two properties below
+       that have no logical form get an explicit RTL rule rather than being
+       left to point the wrong way. */
+    & .recordstable-col-check { inset-inline-start: 0; }
+    & .recordstable-col-entity { inset-inline-start: 40px; clip-path: inset(0 -38px 0 0); transition: box-shadow .2s ease; }
+    [dir="rtl"] & .recordstable-col-entity { clip-path: inset(0 0 0 -38px); }
     & thead .recordstable-col-check, & thead .recordstable-col-entity { z-index: 4; }
     /* soft shadow on the sticky column edge once the grid is scrolled horizontally */
     & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: 6px 0 16px 4px rgba(0,0,0,0.12); }
+    /* box-shadow has no logical form either: the bleed follows the scrolled
+       content, which is the opposite side under RTL. */
+    [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
     /* AI-enriched values carry a purple wash. Measured from Attio:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
@@ -139,11 +149,5 @@ ${toolbarChromeBody("recordstable")}
 });
 export const recordstableRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        row: {
-            height: "36px",
-            gridLine: "1px",
-        },
-    },
 });
 export default config;

package/dist/esm/product/sidebar/sidebar.recipe.js

@@ -34,10 +34,5 @@ const config = defineRecipe({
 });
 export const sidebarRecipe = Object.assign(resolveRecipe(config), {
     config,
-    meta: {
-        container: {
-            width: "275px",
-        },
-    },
 });
 export default config;

package/dist/recordstable.css

@@ -149,11 +149,21 @@
     & .recordstable-col-check { width: 40px; min-width: 40px; padding: 0; }
     & .recordstable-check-inner { display: flex; align-items: center; justify-content: center; height: 100%; }
     & .recordstable-col-check, & .recordstable-col-entity { position: sticky; z-index: 3; background: var(--bg-surface); }
-    & .recordstable-col-check { left: 0; }
-    & .recordstable-col-entity { left: 40px; clip-path: inset(0 -38px 0 0); transition: box-shadow .2s ease; }
+    /* The sticky pin is a LOGICAL offset: with physical `left` these columns
+       were not pinned at all under RTL -- scrolled, they left the viewport
+       entirely (measured: viewport 13..773, check column at x=1333). Nothing in
+       JS measures these, so converting them is safe; the two properties below
+       that have no logical form get an explicit RTL rule rather than being
+       left to point the wrong way. */
+    & .recordstable-col-check { inset-inline-start: 0; }
+    & .recordstable-col-entity { inset-inline-start: 40px; clip-path: inset(0 -38px 0 0); transition: box-shadow .2s ease; }
+    [dir="rtl"] & .recordstable-col-entity { clip-path: inset(0 0 0 -38px); }
     & thead .recordstable-col-check, & thead .recordstable-col-entity { z-index: 4; }
     /* soft shadow on the sticky column edge once the grid is scrolled horizontally */
     & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: 6px 0 16px 4px rgba(0,0,0,0.12); }
+    /* box-shadow has no logical form either: the bleed follows the scrolled
+       content, which is the opposite side under RTL. */
+    [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
     /* AI-enriched values carry a purple wash. Measured from Attio:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it