@crisp-ui-kit/crisp 0.57.1 → 0.57.2

package/dist/workspacegeneralsettings.css

@@ -0,0 +1,30 @@
+.crisp-workspacegeneralsettings {
+  & .crisp-workspacegeneralsettings-page { display: flex; flex-direction: column; gap: var(--crisp-space-6); font-family: var(--crisp-font-sans); }
+    & .crisp-workspacegeneralsettings-heading { display: flex; flex-direction: column; gap: var(--crisp-space-0-5); }
+    & .crisp-workspacegeneralsettings-title { font-size: 24px; line-height: 28px; font-weight: var(--crisp-weight-semibold); letter-spacing: -0.48px; color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-desc { font-size: var(--crisp-text-lg); line-height: 20px; color: var(--crisp-fg-muted); margin: 0; }
+    & .crisp-workspacegeneralsettings-section { display: flex; flex-direction: column; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectiontitle { font-size: 16px; line-height: 20px; font-weight: var(--crisp-weight-semibold); color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-sectionhead { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectionhead-text { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    /* Logo row: a tile + helper text + "Upload logo" button. */
+    & .crisp-workspacegeneralsettings-logorow { display: flex; align-items: center; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-logohelp { font-size: var(--crisp-text-sm); color: var(--crisp-fg-muted); }
+    & .crisp-workspacegeneralsettings-logotext { display: flex; flex-direction: column; align-items: flex-start; gap: var(--crisp-space-1); }
+    /* Name + Slug sit side by side, each ~half the content width. */
+    & .crisp-workspacegeneralsettings-fieldrow { display: flex; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-fieldrow > * { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-slugfield { display: flex; align-items: center; gap: var(--crisp-space-1-5); }
+    & .crisp-workspacegeneralsettings-slugfield > :first-child { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-copybtn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border: none; border-radius: var(--crisp-radius-md); background: none; font-family: inherit; color: var(--crisp-fg-muted); cursor: pointer; }
+    & .crisp-workspacegeneralsettings-copybtn:hover { background: var(--crisp-bg-raised); color: var(--crisp-fg-primary); }
+    /* Export-data empty state -- measured: 14/500/63%-opacity, centred in a
+       40px row, no border of its own (the Table wrapper already draws it). */
+    & .crisp-workspacegeneralsettings-emptyrow { padding: var(--crisp-space-2-5) var(--crisp-space-4); font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); text-align: center; }
+    /* Danger zone: a red-tinted bordered row, distinct from every other
+       card on the page. */
+    & .crisp-workspacegeneralsettings-dangerrow { display: flex; align-items: center; justify-content: space-between; gap: var(--crisp-space-6); padding: var(--crisp-space-3) var(--crisp-space-4); border: 1px solid color-mix(in srgb, var(--crisp-bg-danger) 30%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--crisp-bg-danger) 6%, transparent); }
+    & .crisp-workspacegeneralsettings-dangertext { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    & .crisp-workspacegeneralsettings-rowtitle { font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: var(--crisp-fg-primary); }
+    & .crisp-workspacegeneralsettings-dangerwarning { font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); }
+}

package/dist/workspacegeneralsettings.d.ts

@@ -0,0 +1,7 @@
+import type { RecipeFn } from "../core/types";
+
+export interface WorkspacegeneralsettingsVariants {
+
+}
+
+export declare const workspacegeneralsettingsRecipe: RecipeFn<{  }>;

package/dist/workspacegeneralsettings.layered.css

@@ -0,0 +1,32 @@
+@layer crisp-components {
+.crisp-workspacegeneralsettings {
+  & .crisp-workspacegeneralsettings-page { display: flex; flex-direction: column; gap: var(--crisp-space-6); font-family: var(--crisp-font-sans); }
+    & .crisp-workspacegeneralsettings-heading { display: flex; flex-direction: column; gap: var(--crisp-space-0-5); }
+    & .crisp-workspacegeneralsettings-title { font-size: 24px; line-height: 28px; font-weight: var(--crisp-weight-semibold); letter-spacing: -0.48px; color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-desc { font-size: var(--crisp-text-lg); line-height: 20px; color: var(--crisp-fg-muted); margin: 0; }
+    & .crisp-workspacegeneralsettings-section { display: flex; flex-direction: column; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectiontitle { font-size: 16px; line-height: 20px; font-weight: var(--crisp-weight-semibold); color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-sectionhead { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectionhead-text { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    /* Logo row: a tile + helper text + "Upload logo" button. */
+    & .crisp-workspacegeneralsettings-logorow { display: flex; align-items: center; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-logohelp { font-size: var(--crisp-text-sm); color: var(--crisp-fg-muted); }
+    & .crisp-workspacegeneralsettings-logotext { display: flex; flex-direction: column; align-items: flex-start; gap: var(--crisp-space-1); }
+    /* Name + Slug sit side by side, each ~half the content width. */
+    & .crisp-workspacegeneralsettings-fieldrow { display: flex; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-fieldrow > * { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-slugfield { display: flex; align-items: center; gap: var(--crisp-space-1-5); }
+    & .crisp-workspacegeneralsettings-slugfield > :first-child { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-copybtn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border: none; border-radius: var(--crisp-radius-md); background: none; font-family: inherit; color: var(--crisp-fg-muted); cursor: pointer; }
+    & .crisp-workspacegeneralsettings-copybtn:hover { background: var(--crisp-bg-raised); color: var(--crisp-fg-primary); }
+    /* Export-data empty state -- measured: 14/500/63%-opacity, centred in a
+       40px row, no border of its own (the Table wrapper already draws it). */
+    & .crisp-workspacegeneralsettings-emptyrow { padding: var(--crisp-space-2-5) var(--crisp-space-4); font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); text-align: center; }
+    /* Danger zone: a red-tinted bordered row, distinct from every other
+       card on the page. */
+    & .crisp-workspacegeneralsettings-dangerrow { display: flex; align-items: center; justify-content: space-between; gap: var(--crisp-space-6); padding: var(--crisp-space-3) var(--crisp-space-4); border: 1px solid color-mix(in srgb, var(--crisp-bg-danger) 30%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--crisp-bg-danger) 6%, transparent); }
+    & .crisp-workspacegeneralsettings-dangertext { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    & .crisp-workspacegeneralsettings-rowtitle { font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: var(--crisp-fg-primary); }
+    & .crisp-workspacegeneralsettings-dangerwarning { font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); }
+}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.57.1",
+  "version": "0.57.2",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",
@@ -63,6 +63,11 @@
       "import": "./dist/esm/components/barchart/index.js",
       "require": "./dist/cjs/components/barchart/index.js"
     },
+    "./bottomsheet": {
+      "types": "./dist/types/components/bottomsheet/index.d.ts",
+      "import": "./dist/esm/components/bottomsheet/index.js",
+      "require": "./dist/cjs/components/bottomsheet/index.js"
+    },
     "./breadcrumb": {
       "types": "./dist/types/components/breadcrumb/index.d.ts",
       "import": "./dist/esm/components/breadcrumb/index.js",
@@ -98,6 +103,11 @@
       "import": "./dist/esm/components/chip/index.js",
       "require": "./dist/cjs/components/chip/index.js"
     },
+    "./chipgroup": {
+      "types": "./dist/types/components/chipgroup/index.d.ts",
+      "import": "./dist/esm/components/chipgroup/index.js",
+      "require": "./dist/cjs/components/chipgroup/index.js"
+    },
     "./columncalc": {
       "types": "./dist/types/components/columncalc/index.d.ts",
       "import": "./dist/esm/components/columncalc/index.js",
@@ -203,6 +213,11 @@
       "import": "./dist/esm/components/menu/index.js",
       "require": "./dist/cjs/components/menu/index.js"
     },
+    "./menusheet": {
+      "types": "./dist/types/components/menusheet/index.d.ts",
+      "import": "./dist/esm/components/menusheet/index.js",
+      "require": "./dist/cjs/components/menusheet/index.js"
+    },
     "./middletruncate": {
       "types": "./dist/types/components/middletruncate/index.d.ts",
       "import": "./dist/esm/components/middletruncate/index.js",
@@ -268,6 +283,11 @@
       "import": "./dist/esm/components/slider/index.js",
       "require": "./dist/cjs/components/slider/index.js"
     },
+    "./snackbar": {
+      "types": "./dist/types/components/snackbar/index.d.ts",
+      "import": "./dist/esm/components/snackbar/index.js",
+      "require": "./dist/cjs/components/snackbar/index.js"
+    },
     "./spinner": {
       "types": "./dist/types/components/spinner/index.d.ts",
       "import": "./dist/esm/components/spinner/index.js",
@@ -413,11 +433,21 @@
       "import": "./dist/esm/product/listpage/index.js",
       "require": "./dist/cjs/product/listpage/index.js"
     },
+    "./memberssettings": {
+      "types": "./dist/types/product/memberssettings/index.d.ts",
+      "import": "./dist/esm/product/memberssettings/index.js",
+      "require": "./dist/cjs/product/memberssettings/index.js"
+    },
     "./navitem": {
       "types": "./dist/types/product/navitem/index.d.ts",
       "import": "./dist/esm/product/navitem/index.js",
       "require": "./dist/cjs/product/navitem/index.js"
     },
+    "./notificationssettings": {
+      "types": "./dist/types/product/notificationssettings/index.d.ts",
+      "import": "./dist/esm/product/notificationssettings/index.js",
+      "require": "./dist/cjs/product/notificationssettings/index.js"
+    },
     "./objectsettings": {
       "types": "./dist/types/product/objectsettings/index.d.ts",
       "import": "./dist/esm/product/objectsettings/index.js",
@@ -488,6 +518,11 @@
       "import": "./dist/esm/product/viewtoggle/index.js",
       "require": "./dist/cjs/product/viewtoggle/index.js"
     },
+    "./workspacegeneralsettings": {
+      "types": "./dist/types/product/workspacegeneralsettings/index.d.ts",
+      "import": "./dist/esm/product/workspacegeneralsettings/index.js",
+      "require": "./dist/cjs/product/workspacegeneralsettings/index.js"
+    },
     "./tokens": {
       "types": "./dist/types/tokens/index.d.ts",
       "import": "./dist/esm/tokens/index.js",