@clicoh/orion-library 1.2.0-beta.19 → 1.2.0-beta.20

package/expresivo/ExpChip/ExpChip.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type ExpChipTone = 'success' | 'warning' | 'error' | 'info' | 'progress';
+export type ExpChipProps = {
+    /** One character or a tiny icon before the label. Decorative. */
+    glyph?: ReactNode;
+    /** Color of the glyph. */
+    tone?: ExpChipTone;
+    children: ReactNode;
+} & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
+/**
+ * White pill with a hairline border, for a short fact under the page title,
+ * such as a guarantee. The label carries the message; the glyph before it only
+ * decorates it.
+ *
+ * Outside an `ExpScope` it falls back to the core `Badge` `neutral`, with the
+ * glyph as its icon.
+ *
+ * @component
+ * @example
+ * <ExpChip glyph="✓">Sensitive data protected before the analysis</ExpChip>
+ *
+ * @param {ExpChipProps} props - The properties of the ExpChip component.
+ * @param {ReactNode} [props.glyph] - One character or a tiny icon before the label.
+ * @param {'success' | 'warning' | 'error' | 'info' | 'progress'} [props.tone='success'] - Color of the glyph.
+ * @param {ReactNode} props.children - Label of the chip.
+ *
+ * @returns {ReactNode} The chip, or a core `Badge` outside an `ExpScope`.
+ */
+export declare function ExpChip({ glyph, tone, children, ...restProps }: ExpChipProps): ReactNode;
+//# sourceMappingURL=ExpChip.d.ts.map

package/expresivo/ExpChip/ExpChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpChip.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpChip/ExpChip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAEhF,MAAM,MAAM,YAAY,GAAG;IACzB,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAWtD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAgB,EAChB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,SAAS,CA4B1B"}

package/expresivo/ExpChip/ExpChip.jsx

@@ -0,0 +1,46 @@
+'use client';
+import { Badge } from '@clicoh/orion-library';
+import clsx from 'clsx';
+import { useExpScope } from '../ExpScope/ExpScope';
+// `warning` takes the dark amber: #FFC34C on white sits below 2:1.
+const toneMap = {
+    success: 'text-success dark:text-success-dark',
+    warning: 'text-amber dark:text-warning-dark',
+    error: 'text-error dark:text-error-dark',
+    info: 'text-info dark:text-info-dark',
+    progress: 'text-lavender dark:text-lavender-dark',
+};
+/**
+ * White pill with a hairline border, for a short fact under the page title,
+ * such as a guarantee. The label carries the message; the glyph before it only
+ * decorates it.
+ *
+ * Outside an `ExpScope` it falls back to the core `Badge` `neutral`, with the
+ * glyph as its icon.
+ *
+ * @component
+ * @example
+ * <ExpChip glyph="✓">Sensitive data protected before the analysis</ExpChip>
+ *
+ * @param {ExpChipProps} props - The properties of the ExpChip component.
+ * @param {ReactNode} [props.glyph] - One character or a tiny icon before the label.
+ * @param {'success' | 'warning' | 'error' | 'info' | 'progress'} [props.tone='success'] - Color of the glyph.
+ * @param {ReactNode} props.children - Label of the chip.
+ *
+ * @returns {ReactNode} The chip, or a core `Badge` outside an `ExpScope`.
+ */
+export function ExpChip({ glyph, tone = 'success', children, ...restProps }) {
+    const inScope = useExpScope();
+    if (!inScope) {
+        return (<Badge {...restProps} modifier="neutral" icon={glyph}>
+        {children}
+      </Badge>);
+    }
+    return (<span {...restProps} className={clsx('border-gray-5 inline-flex items-center gap-1.5 rounded-full border bg-white px-3 py-1 text-xs leading-4 text-black', 'dark:border-gray-1 dark:bg-black-1 dark:text-white', restProps.className)}>
+      {!!glyph && (<span aria-hidden="true" className={clsx('font-bold', toneMap[tone])}>
+          {glyph}
+        </span>)}
+      {children}
+    </span>);
+}
+//# sourceMappingURL=ExpChip.jsx.map

package/expresivo/ExpChip/ExpChip.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpChip.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpChip/ExpChip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYnD,mEAAmE;AACnE,MAAM,OAAO,GAAgC;IAC3C,OAAO,EAAE,qCAAqC;IAC9C,OAAO,EAAE,mCAAmC;IAC5C,KAAK,EAAE,iCAAiC;IACxC,IAAI,EAAE,+BAA+B;IACrC,QAAQ,EAAE,uCAAuC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,QAAQ,EACR,GAAG,SAAS,EACC;IACb,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAE9B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CACnD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,KAAK,CAAC,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,IAAI,CACH,IAAI,SAAS,CAAC,CACd,SAAS,CAAC,CAAC,IAAI,CACb,oHAAoH,EACpH,oDAAoD,EACpD,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,CAAC,CAAC,KAAK,IAAI,CACV,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACnE;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}

package/expresivo/ExpChip/index.d.ts

@@ -0,0 +1,3 @@
+export { ExpChip } from './ExpChip';
+export type { ExpChipProps, ExpChipTone } from './ExpChip';
+//# sourceMappingURL=index.d.ts.map

package/expresivo/ExpChip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/expresivo/ExpChip/index.js

@@ -0,0 +1,2 @@
+export { ExpChip } from './ExpChip';
+//# sourceMappingURL=index.js.map

package/expresivo/ExpChip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expresivo/ExpChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/expresivo/index.d.ts

@@ -14,4 +14,5 @@ export * from './ExpBubble';
 export * from './ExpCollapseToggle';
 export * from './ExpPageHero';
 export * from './ExpStepBadge';
+export * from './ExpChip';
 //# sourceMappingURL=index.d.ts.map

package/expresivo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/expresivo/index.js

@@ -14,4 +14,5 @@ export * from './ExpBubble';
 export * from './ExpCollapseToggle';
 export * from './ExpPageHero';
 export * from './ExpStepBadge';
+export * from './ExpChip';
 //# sourceMappingURL=index.js.map

package/expresivo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicoh/orion-library",
-  "version": "1.2.0-beta.19",
+  "version": "1.2.0-beta.20",
   "main": "index.js",
   "dependencies": {
     "@floating-ui/react": "0.26.19",