@flowstack-ui/brick 0.1.12 → 0.2.0

package/dist/theme-contract.json

@@ -3,7 +3,7 @@
   "contractVersion": 4,
   "package": {
     "name": "@flowstack-ui/brick",
-    "version": "0.1.12"
+    "version": "0.2.0"
   },
   "sources": {
     "tokens": "src/styles/tokens.tokens.json",
@@ -1565,6 +1565,11 @@
       "source": "src/components/color-swatch/ColorSwatch.tsx",
       "css": "src/components/color-swatch/color-swatch.css",
       "recipes": {
+        "ColorSwatchShape": [
+          "sharp",
+          "rounded",
+          "circle"
+        ],
         "ColorSwatchSize": [
           "sm",
           "md",
@@ -1572,9 +1577,11 @@
         ]
       },
       "defaults": {
-        "size": "md"
+        "size": "md",
+        "shape": "rounded"
       },
       "states": [
+        "data-shape",
         "data-size",
         "data-slot"
       ]
@@ -9417,6 +9424,19 @@
         "dark": "semantic.dark.color.link.text-pressed"
       }
     },
+    {
+      "name": "--brick-color-picker-area-block-size",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
     {
       "name": "--brick-color-picker-background",
       "classification": "optional-extension",
@@ -9443,6 +9463,19 @@
       ],
       "runtimeAssigned": false
     },
+    {
+      "name": "--brick-color-picker-checker-size",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
     {
       "name": "--brick-color-picker-content-background",
       "classification": "optional-extension",
@@ -9534,6 +9567,110 @@
       ],
       "runtimeAssigned": false
     },
+    {
+      "name": "--brick-color-picker-indicator-color",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
+    {
+      "name": "--brick-color-picker-indicator-shadow",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
+    {
+      "name": "--brick-color-picker-input-width",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
+    {
+      "name": "--brick-color-picker-slider-block-size",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
+    {
+      "name": "--brick-color-picker-swatch-gap",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
+    {
+      "name": "--brick-color-picker-swatch-radius",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
+    {
+      "name": "--brick-color-picker-swatch-size",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
+    {
+      "name": "--brick-color-picker-thumb-size",
+      "classification": "optional-extension",
+      "scope": "component-instance",
+      "owner": "color-picker",
+      "type": null,
+      "fallback": null,
+      "supportedRange": null,
+      "sources": [
+        "src/components/color-picker/color-picker.css"
+      ],
+      "runtimeAssigned": false
+    },
     {
       "name": "--brick-color-scrim",
       "classification": "required",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowstack-ui/brick",
-  "version": "0.1.12",
+  "version": "0.2.0",
   "description": "Opinionated styled React components built on @flowstack-ui/atom.",
   "type": "module",
   "license": "MIT",
@@ -486,6 +486,7 @@
     "test:processes": "node scripts/check-test-ports.mjs",
     "verify:typography": "node scripts/verify-typography.mjs",
     "verify:playground-primitives": "node scripts/verify-playground-primitives.mjs",
+    "verify:playground-contract": "node scripts/verify-playground-contract.mjs",
     "verify:playground-stack": "node scripts/verify-playground-stack.mjs",
     "verify:playground-grid": "node scripts/verify-playground-grid.mjs",
     "verify:playground-container": "node scripts/verify-playground-container.mjs",
@@ -501,7 +502,7 @@
     "verify:playground-composition": "node scripts/verify-playground-composition.mjs",
     "check": "npm run check:repository",
     "check:focused": "npm run test:component",
-    "check:repository": "npm run verify:repository-contract && npm run verify:theme-contract && npm run test:ownership && npm run docs:component && npm run docs:component:semantic && npm run verify:typography && npm run verify:playground-primitives && npm run verify:playground-stack && npm run verify:playground-grid && npm run verify:playground-container && npm run verify:playground-surface && npm run verify:playground-divider && npm run verify:playground-scroll-area && npm run verify:playground-code && npm run verify:playground-nav-list && npm run verify:playground-sidebar && npm run verify:playground-icon && npm run verify:playground-image && npm run verify:playground-list && npm run verify:playground-composition && npm run build && npm run agents:check && npm run verify:theme-qualification && npm run typecheck:built && npm run test:node:built && npm run test:components && npm run test:css && npm run build:playground:built && npm run build:consumer:built && npm run pack:check && npm run verify:consumers:built",
+    "check:repository": "npm run verify:repository-contract && npm run verify:theme-contract && npm run test:ownership && npm run verify:playground-contract && npm run docs:component && npm run docs:component:semantic && npm run verify:typography && npm run verify:playground-primitives && npm run verify:playground-stack && npm run verify:playground-grid && npm run verify:playground-container && npm run verify:playground-surface && npm run verify:playground-divider && npm run verify:playground-scroll-area && npm run verify:playground-code && npm run verify:playground-nav-list && npm run verify:playground-sidebar && npm run verify:playground-icon && npm run verify:playground-image && npm run verify:playground-list && npm run verify:playground-composition && npm run build && npm run agents:check && npm run verify:theme-qualification && npm run typecheck:built && npm run test:node:built && npm run test:components && npm run test:css && npm run build:playground:built && npm run build:consumer:built && npm run pack:check && npm run verify:consumers:built",
     "check:release": "npm run check:repository && npm run test:browser:release:built && npm run verify:consumer:built && npm run size:css",
     "prepublishOnly": "npm run build"
   },
@@ -517,7 +518,7 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@flowstack-ui/atom": "0.25.1"
+    "@flowstack-ui/atom": "0.26.0"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.12.1",