@projectcor/maia-components 2.35.4-4 → 2.35.6

package/lib/components/molecules/UsageBlockedBanner/UsageBlockedBanner.styles.js

@@ -0,0 +1,47 @@
+import styled from 'styled-components';
+
+/**
+ * Figma Bloqueo (Home AI — collapsed): franja sobre el composer.
+ *
+ * Fluye en `SCComposerBlockedStack` en vez de posicionarse absoluto, y el solape con el
+ * input lo da el margen negativo. Con `position: absolute` el banner no empujaba nada y
+ * el stack le reservaba 36px fijos: alcanzaba para el mensaje en una línea, pero en el
+ * chat lateral el texto ocupa dos y el input se dibujaba encima, cortándolo. El alto lo
+ * decide el contenido, que es lo único que sobrevive a un ancho variable.
+ *
+ * `min-height` en vez de alto fijo, para que la franja de una línea siga midiendo lo que
+ * dice el Figma.
+ */
+export var SCUsageBlockedBanner = styled.div.withConfig({
+  displayName: "UsageBlockedBannerstyles__SCUsageBlockedBanner",
+  componentId: "sc-mji2o9-0"
+})(["position:relative;z-index:0;width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;min-height:47px;margin-bottom:", ";padding:", ";border:1px solid #d9d9d9;border-bottom:", ";border-radius:", ";background-color:#f9f9f9;"], function (_ref) {
+  var _ref$$attachedToCompo = _ref.$attachedToComposer,
+    $attachedToComposer = _ref$$attachedToCompo === void 0 ? true : _ref$$attachedToCompo;
+  return $attachedToComposer ? '-8px' : '0';
+}, function (_ref2) {
+  var _ref2$$attachedToComp = _ref2.$attachedToComposer,
+    $attachedToComposer = _ref2$$attachedToComp === void 0 ? true : _ref2$$attachedToComp;
+  return $attachedToComposer ? '10px 12px 18px' : '10px 12px';
+}, function (_ref3) {
+  var _ref3$$attachedToComp = _ref3.$attachedToComposer,
+    $attachedToComposer = _ref3$$attachedToComp === void 0 ? true : _ref3$$attachedToComp;
+  return $attachedToComposer ? 'none' : '1px solid #d9d9d9';
+}, function (_ref4) {
+  var _ref4$$attachedToComp = _ref4.$attachedToComposer,
+    $attachedToComposer = _ref4$$attachedToComp === void 0 ? true : _ref4$$attachedToComp;
+  return $attachedToComposer ? '8px 8px 0 0' : '8px';
+});
+export var SCUsageBlockedContent = styled.div.withConfig({
+  displayName: "UsageBlockedBannerstyles__SCUsageBlockedContent",
+  componentId: "sc-mji2o9-1"
+})(["display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0;flex:1;"]);
+export var SCUsageBlockedIcon = styled.div.withConfig({
+  displayName: "UsageBlockedBannerstyles__SCUsageBlockedIcon",
+  componentId: "sc-mji2o9-2"
+})(["flex-shrink:0;display:flex;align-items:center;justify-content:center;width:14px;height:14px;"]);
+export var SCUsageBlockedText = styled.p.withConfig({
+  displayName: "UsageBlockedBannerstyles__SCUsageBlockedText",
+  componentId: "sc-mji2o9-3"
+})(["margin:0;padding:0;color:#000000;font-family:'Work Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:400;line-height:140%;letter-spacing:-0.015em;"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJTQ1VzYWdlQmxvY2tlZEJhbm5lciIsImRpdiIsIndpdGhDb25maWciLCJkaXNwbGF5TmFtZSIsImNvbXBvbmVudElkIiwiX3JlZiIsIl9yZWYkJGF0dGFjaGVkVG9Db21wbyIsIiRhdHRhY2hlZFRvQ29tcG9zZXIiLCJfcmVmMiIsIl9yZWYyJCRhdHRhY2hlZFRvQ29tcCIsIl9yZWYzIiwiX3JlZjMkJGF0dGFjaGVkVG9Db21wIiwiX3JlZjQiLCJfcmVmNCQkYXR0YWNoZWRUb0NvbXAiLCJTQ1VzYWdlQmxvY2tlZENvbnRlbnQiLCJTQ1VzYWdlQmxvY2tlZEljb24iLCJTQ1VzYWdlQmxvY2tlZFRleHQiLCJwIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9sZWN1bGVzL1VzYWdlQmxvY2tlZEJhbm5lci9Vc2FnZUJsb2NrZWRCYW5uZXIuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnXG5cbi8qKlxuICogRmlnbWEgQmxvcXVlbyAoSG9tZSBBSSDigJQgY29sbGFwc2VkKTogZnJhbmphIHNvYnJlIGVsIGNvbXBvc2VyLlxuICpcbiAqIEZsdXllIGVuIGBTQ0NvbXBvc2VyQmxvY2tlZFN0YWNrYCBlbiB2ZXogZGUgcG9zaWNpb25hcnNlIGFic29sdXRvLCB5IGVsIHNvbGFwZSBjb24gZWxcbiAqIGlucHV0IGxvIGRhIGVsIG1hcmdlbiBuZWdhdGl2by4gQ29uIGBwb3NpdGlvbjogYWJzb2x1dGVgIGVsIGJhbm5lciBubyBlbXB1amFiYSBuYWRhIHlcbiAqIGVsIHN0YWNrIGxlIHJlc2VydmFiYSAzNnB4IGZpam9zOiBhbGNhbnphYmEgcGFyYSBlbCBtZW5zYWplIGVuIHVuYSBsw61uZWEsIHBlcm8gZW4gZWxcbiAqIGNoYXQgbGF0ZXJhbCBlbCB0ZXh0byBvY3VwYSBkb3MgeSBlbCBpbnB1dCBzZSBkaWJ1amFiYSBlbmNpbWEsIGNvcnTDoW5kb2xvLiBFbCBhbHRvIGxvXG4gKiBkZWNpZGUgZWwgY29udGVuaWRvLCBxdWUgZXMgbG8gw7puaWNvIHF1ZSBzb2JyZXZpdmUgYSB1biBhbmNobyB2YXJpYWJsZS5cbiAqXG4gKiBgbWluLWhlaWdodGAgZW4gdmV6IGRlIGFsdG8gZmlqbywgcGFyYSBxdWUgbGEgZnJhbmphIGRlIHVuYSBsw61uZWEgc2lnYSBtaWRpZW5kbyBsbyBxdWVcbiAqIGRpY2UgZWwgRmlnbWEuXG4gKi9cbmV4cG9ydCBjb25zdCBTQ1VzYWdlQmxvY2tlZEJhbm5lciA9IHN0eWxlZC5kaXY8eyAkYXR0YWNoZWRUb0NvbXBvc2VyPzogYm9vbGVhbiB9PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDEwcHg7XG4gIG1pbi1oZWlnaHQ6IDQ3cHg7XG4gIC8qIDE4cHggYWJham8gKyBtYXJnZW4gbmVnYXRpdm8gPSBlbCBzb2xhcGUgY29uIGVsIGlucHV0LCBzaW4gb2N1bHRhciB0ZXh0by4gKi9cbiAgbWFyZ2luLWJvdHRvbTogJHsoeyAkYXR0YWNoZWRUb0NvbXBvc2VyID0gdHJ1ZSB9KSA9PiAoJGF0dGFjaGVkVG9Db21wb3NlciA/ICctOHB4JyA6ICcwJyl9O1xuICBwYWRkaW5nOiAkeyh7ICRhdHRhY2hlZFRvQ29tcG9zZXIgPSB0cnVlIH0pID0+ICgkYXR0YWNoZWRUb0NvbXBvc2VyID8gJzEwcHggMTJweCAxOHB4JyA6ICcxMHB4IDEycHgnKX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOWQ5ZDk7XG4gIGJvcmRlci1ib3R0b206ICR7KHsgJGF0dGFjaGVkVG9Db21wb3NlciA9IHRydWUgfSkgPT4gKCRhdHRhY2hlZFRvQ29tcG9zZXIgPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOWQ5ZDknKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJGF0dGFjaGVkVG9Db21wb3NlciA9IHRydWUgfSkgPT4gKCRhdHRhY2hlZFRvQ29tcG9zZXIgPyAnOHB4IDhweCAwIDAnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y5ZjlmOTtcbmBcblxuZXhwb3J0IGNvbnN0IFNDVXNhZ2VCbG9ja2VkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMTBweDtcbiAgbWluLXdpZHRoOiAwO1xuICBmbGV4OiAxO1xuYFxuXG5leHBvcnQgY29uc3QgU0NVc2FnZUJsb2NrZWRJY29uID0gc3R5bGVkLmRpdmBcbiAgZmxleC1zaHJpbms6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTRweDtcbiAgaGVpZ2h0OiAxNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgU0NVc2FnZUJsb2NrZWRUZXh0ID0gc3R5bGVkLnBgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICMwMDAwMDA7XG4gIGZvbnQtZmFtaWx5OlxuICAgICdXb3JrIFNhbnMnLFxuICAgIHN5c3RlbS11aSxcbiAgICAtYXBwbGUtc3lzdGVtLFxuICAgIEJsaW5rTWFjU3lzdGVtRm9udCxcbiAgICAnU2Vnb2UgVUknLFxuICAgIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgbGluZS1oZWlnaHQ6IDE0MCU7XG4gIGxldHRlci1zcGFjaW5nOiAtMC4wMTVlbTtcbmBcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsTUFBTSxNQUFNLG1CQUFtQjs7QUFFdEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxJQUFNQyxvQkFBb0IsR0FBR0QsTUFBTSxDQUFDRSxHQUFHLENBQUFDLFVBQUE7RUFBQUMsV0FBQTtFQUFBQyxXQUFBO0FBQUEsd1NBWTNCLFVBQUFDLElBQUE7RUFBQSxJQUFBQyxxQkFBQSxHQUFBRCxJQUFBLENBQUdFLG1CQUFtQjtJQUFuQkEsbUJBQW1CLEdBQUFELHFCQUFBLGNBQUcsSUFBSSxHQUFBQSxxQkFBQTtFQUFBLE9BQVFDLG1CQUFtQixHQUFHLE1BQU0sR0FBRyxHQUFHO0FBQUEsQ0FBQyxFQUM5RSxVQUFBQyxLQUFBO0VBQUEsSUFBQUMscUJBQUEsR0FBQUQsS0FBQSxDQUFHRCxtQkFBbUI7SUFBbkJBLG1CQUFtQixHQUFBRSxxQkFBQSxjQUFHLElBQUksR0FBQUEscUJBQUE7RUFBQSxPQUFRRixtQkFBbUIsR0FBRyxnQkFBZ0IsR0FBRyxXQUFXO0FBQUEsQ0FBQyxFQUVwRixVQUFBRyxLQUFBO0VBQUEsSUFBQUMscUJBQUEsR0FBQUQsS0FBQSxDQUFHSCxtQkFBbUI7SUFBbkJBLG1CQUFtQixHQUFBSSxxQkFBQSxjQUFHLElBQUksR0FBQUEscUJBQUE7RUFBQSxPQUFRSixtQkFBbUIsR0FBRyxNQUFNLEdBQUcsbUJBQW1CO0FBQUEsQ0FBQyxFQUN4RixVQUFBSyxLQUFBO0VBQUEsSUFBQUMscUJBQUEsR0FBQUQsS0FBQSxDQUFHTCxtQkFBbUI7SUFBbkJBLG1CQUFtQixHQUFBTSxxQkFBQSxjQUFHLElBQUksR0FBQUEscUJBQUE7RUFBQSxPQUFRTixtQkFBbUIsR0FBRyxhQUFhLEdBQUcsS0FBSztBQUFBLENBQUMsQ0FFbkc7QUFFRCxPQUFPLElBQU1PLHFCQUFxQixHQUFHZixNQUFNLENBQUNFLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSx1RkFPOUM7QUFFRCxPQUFPLElBQU1XLGtCQUFrQixHQUFHaEIsTUFBTSxDQUFDRSxHQUFHLENBQUFDLFVBQUE7RUFBQUMsV0FBQTtFQUFBQyxXQUFBO0FBQUEsb0dBTzNDO0FBRUQsT0FBTyxJQUFNWSxrQkFBa0IsR0FBR2pCLE1BQU0sQ0FBQ2tCLENBQUMsQ0FBQWYsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSwwTUFlekMiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/molecules/UsageBlockedBanner/index.js

@@ -0,0 +1,2 @@
+export { UsageBlockedBanner } from './UsageBlockedBanner';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJVc2FnZUJsb2NrZWRCYW5uZXIiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tb2xlY3VsZXMvVXNhZ2VCbG9ja2VkQmFubmVyL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFVzYWdlQmxvY2tlZEJhbm5lciB9IGZyb20gJy4vVXNhZ2VCbG9ja2VkQmFubmVyJ1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxrQkFBa0IsUUFBUSxzQkFBc0IiLCJpZ25vcmVMaXN0IjpbXX0=