opus-react 0.2.22 → 0.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +190 -115
  2. package/dist/index.cjs +3399 -497
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +3458 -89
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.d.cts +543 -4
  7. package/dist/index.d.ts +543 -4
  8. package/dist/index.js +3362 -498
  9. package/dist/index.js.map +1 -1
  10. package/dist/styles.css +2 -0
  11. package/dist/styles.css.map +1 -1
  12. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -1,4 +1,5 @@
1
1
  /* src/styles.css */
2
+ [data-shell-theme=light],
2
3
  [data-theme=light] {
3
4
  --opus-control-font-size: 0.86rem;
4
5
  --opus-control-height: 28px;
@@ -34,6 +35,7 @@
34
35
  --opus-menu-glass-surface: rgba(252, 253, 255, 0.88);
35
36
  --opus-menu-glass-border: rgba(126, 103, 255, 0.3);
36
37
  }
38
+ [data-shell-theme=dark],
37
39
  [data-theme=dark] {
38
40
  --opus-control-font-size: 0.86rem;
39
41
  --opus-control-height: 28px;
package/dist/styles.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/styles.css"],"sourcesContent":["[data-theme=\"light\"] {\n --opus-control-font-size: 0.86rem;\n --opus-control-height: 28px;\n --opus-input-radius: 4px;\n --opus-input-radius-large: 6px;\n --opus-input-radius-small: 2px;\n --opus-input-radius-mark: 1px;\n --opus-panel: rgba(248, 249, 255, 0.96);\n --opus-border: rgba(126, 103, 255, 0.22);\n --opus-border-strong: rgba(94, 72, 220, 0.34);\n --opus-text: #17132f;\n --opus-muted: #655f83;\n --opus-accent: var(--opus-user-accent, #6b46ff);\n --opus-accent-soft: var(--opus-user-accent-soft, rgba(107, 70, 255, 0.12));\n --opus-accent-contrast: #ffffff;\n --opus-error: #eb2434;\n --opus-input-bg: rgba(255, 255, 255, 0.82);\n --opus-input-fill: rgba(255, 255, 255, 0.98);\n --opus-date-icon-filter: none;\n --opus-shadow: 0 24px 80px rgba(26, 18, 74, 0.08);\n --opus-overlay-blur: 4px;\n --opus-overlay-saturate: 1.08;\n --opus-overlay-backdrop:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #020617 58%, transparent),\n color-mix(in srgb, #1e3a8a 22%, transparent)\n ),\n color-mix(in srgb, #020617 42%, transparent);\n --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);\n --opus-glass-surface: rgba(252, 253, 255, 0.62);\n --opus-glass-border: rgba(126, 103, 255, 0.24);\n --opus-menu-glass-surface: rgba(252, 253, 255, 0.88);\n --opus-menu-glass-border: rgba(126, 103, 255, 0.3);\n}\n\n[data-theme=\"dark\"] {\n --opus-control-font-size: 0.86rem;\n --opus-control-height: 28px;\n --opus-input-radius: 4px;\n --opus-input-radius-large: 6px;\n --opus-input-radius-small: 2px;\n --opus-input-radius-mark: 1px;\n --opus-panel: rgba(9, 11, 28, 0.95);\n --opus-border: rgba(168, 131, 255, 0.18);\n --opus-border-strong: rgba(191, 168, 255, 0.32);\n --opus-text: #f5f7ff;\n --opus-muted: rgba(223, 226, 255, 0.72);\n --opus-accent: var(--opus-user-accent, #8f6cff);\n --opus-accent-soft: var(--opus-user-accent-soft, rgba(143, 108, 255, 0.16));\n --opus-accent-contrast: #ffffff;\n --opus-error: #ff5858;\n --opus-input-bg: rgba(21, 24, 50, 0.9);\n --opus-input-fill: rgba(19, 22, 44, 0.92);\n --opus-date-icon-filter: invert(1);\n --opus-shadow: 0 28px 110px rgba(4, 5, 14, 0.48);\n --opus-overlay-blur: 4px;\n --opus-overlay-saturate: 1.08;\n --opus-overlay-backdrop:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #020617 58%, transparent),\n color-mix(in srgb, #1e3a8a 22%, transparent)\n ),\n color-mix(in srgb, #020617 42%, transparent);\n --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);\n --opus-glass-surface: rgba(14, 16, 36, 0.52);\n --opus-glass-border: rgba(168, 131, 255, 0.22);\n --opus-menu-glass-surface: rgba(14, 16, 36, 0.82);\n --opus-menu-glass-border: rgba(168, 131, 255, 0.28);\n}\n\n.opus-panel-title {\n display: block;\n margin: 0;\n padding-bottom: 6px;\n border-bottom: 1px solid var(--opus-border);\n color: var(--opus-accent);\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n line-height: 1;\n text-transform: uppercase;\n}\n\n.opus-panel-heading {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-bottom: 6px;\n border-bottom: 1px solid var(--opus-border);\n}\n\n.opus-panel-heading > .opus-panel-title {\n padding-bottom: 0;\n border-bottom: 0;\n}\n"],"mappings":";AAAA,CAAC;AACC,4BAA0B;AAC1B,yBAAuB;AACvB,uBAAqB;AACrB,6BAA2B;AAC3B,6BAA2B;AAC3B,4BAA0B;AAC1B,gBAAc,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC,iBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,wBAAsB,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;AACxC,eAAa;AACb,gBAAc;AACd,iBAAe,IAAI,kBAAkB,EAAE;AACvC,sBAAoB,IAAI,uBAAuB,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AACpE,0BAAwB;AACxB,gBAAc;AACd,mBAAiB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACrC,qBAAmB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACvC,2BAAyB;AACzB,iBAAe,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC5C,uBAAqB;AACrB,2BAAyB;AACzB;AAAA,IACE;AAAA;AAAA,MACE,MAAM;AAAA,MACN,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,YAAY;AAAA,MAC5C,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,cACjC;AAAA,IACD,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAClC,iCAA+B,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAC/D,wBAAsB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC1C,uBAAqB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACzC,6BAA2B,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC/C,4BAA0B,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChD;AAEA,CAAC;AACC,4BAA0B;AAC1B,yBAAuB;AACvB,uBAAqB;AACrB,6BAA2B;AAC3B,6BAA2B;AAC3B,4BAA0B;AAC1B,gBAAc,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;AAC9B,iBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,wBAAsB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC1C,eAAa;AACb,gBAAc,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC,iBAAe,IAAI,kBAAkB,EAAE;AACvC,sBAAoB,IAAI,uBAAuB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACrE,0BAAwB;AACxB,gBAAc;AACd,mBAAiB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAClC,qBAAmB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACpC,2BAAyB,OAAO;AAChC,iBAAe,EAAE,KAAK,MAAM,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;AAC3C,uBAAqB;AACrB,2BAAyB;AACzB;AAAA,IACE;AAAA;AAAA,MACE,MAAM;AAAA,MACN,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,YAAY;AAAA,MAC5C,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,cACjC;AAAA,IACD,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAClC,iCAA+B,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAC/D,wBAAsB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACvC,uBAAqB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACzC,6BAA2B,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC5C,4BAA0B,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChD;AAEA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,kBAAgB;AAChB,iBAAe,IAAI,MAAM,IAAI;AAC7B,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,iBAAe,IAAI,MAAM,IAAI;AAC/B;AAEA,CATC,mBASmB,EAAE,CAtBrB;AAuBC,kBAAgB;AAChB,iBAAe;AACjB;","names":[]}
1
+ {"version":3,"sources":["../src/styles.css"],"sourcesContent":["[data-shell-theme=\"light\"],\n[data-theme=\"light\"] {\n --opus-control-font-size: 0.86rem;\n --opus-control-height: 28px;\n --opus-input-radius: 4px;\n --opus-input-radius-large: 6px;\n --opus-input-radius-small: 2px;\n --opus-input-radius-mark: 1px;\n --opus-panel: rgba(248, 249, 255, 0.96);\n --opus-border: rgba(126, 103, 255, 0.22);\n --opus-border-strong: rgba(94, 72, 220, 0.34);\n --opus-text: #17132f;\n --opus-muted: #655f83;\n --opus-accent: var(--opus-user-accent, #6b46ff);\n --opus-accent-soft: var(--opus-user-accent-soft, rgba(107, 70, 255, 0.12));\n --opus-accent-contrast: #ffffff;\n --opus-error: #eb2434;\n --opus-input-bg: rgba(255, 255, 255, 0.82);\n --opus-input-fill: rgba(255, 255, 255, 0.98);\n --opus-date-icon-filter: none;\n --opus-shadow: 0 24px 80px rgba(26, 18, 74, 0.08);\n --opus-overlay-blur: 4px;\n --opus-overlay-saturate: 1.08;\n --opus-overlay-backdrop:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #020617 58%, transparent),\n color-mix(in srgb, #1e3a8a 22%, transparent)\n ),\n color-mix(in srgb, #020617 42%, transparent);\n --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);\n --opus-glass-surface: rgba(252, 253, 255, 0.62);\n --opus-glass-border: rgba(126, 103, 255, 0.24);\n --opus-menu-glass-surface: rgba(252, 253, 255, 0.88);\n --opus-menu-glass-border: rgba(126, 103, 255, 0.3);\n}\n\n[data-shell-theme=\"dark\"],\n[data-theme=\"dark\"] {\n --opus-control-font-size: 0.86rem;\n --opus-control-height: 28px;\n --opus-input-radius: 4px;\n --opus-input-radius-large: 6px;\n --opus-input-radius-small: 2px;\n --opus-input-radius-mark: 1px;\n --opus-panel: rgba(9, 11, 28, 0.95);\n --opus-border: rgba(168, 131, 255, 0.18);\n --opus-border-strong: rgba(191, 168, 255, 0.32);\n --opus-text: #f5f7ff;\n --opus-muted: rgba(223, 226, 255, 0.72);\n --opus-accent: var(--opus-user-accent, #8f6cff);\n --opus-accent-soft: var(--opus-user-accent-soft, rgba(143, 108, 255, 0.16));\n --opus-accent-contrast: #ffffff;\n --opus-error: #ff5858;\n --opus-input-bg: rgba(21, 24, 50, 0.9);\n --opus-input-fill: rgba(19, 22, 44, 0.92);\n --opus-date-icon-filter: invert(1);\n --opus-shadow: 0 28px 110px rgba(4, 5, 14, 0.48);\n --opus-overlay-blur: 4px;\n --opus-overlay-saturate: 1.08;\n --opus-overlay-backdrop:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #020617 58%, transparent),\n color-mix(in srgb, #1e3a8a 22%, transparent)\n ),\n color-mix(in srgb, #020617 42%, transparent);\n --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);\n --opus-glass-surface: rgba(14, 16, 36, 0.52);\n --opus-glass-border: rgba(168, 131, 255, 0.22);\n --opus-menu-glass-surface: rgba(14, 16, 36, 0.82);\n --opus-menu-glass-border: rgba(168, 131, 255, 0.28);\n}\n\n.opus-panel-title {\n display: block;\n margin: 0;\n padding-bottom: 6px;\n border-bottom: 1px solid var(--opus-border);\n color: var(--opus-accent);\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n line-height: 1;\n text-transform: uppercase;\n}\n\n.opus-panel-heading {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-bottom: 6px;\n border-bottom: 1px solid var(--opus-border);\n}\n\n.opus-panel-heading > .opus-panel-title {\n padding-bottom: 0;\n border-bottom: 0;\n}\n"],"mappings":";AAAA,CAAC;AACD,CAAC;AACC,4BAA0B;AAC1B,yBAAuB;AACvB,uBAAqB;AACrB,6BAA2B;AAC3B,6BAA2B;AAC3B,4BAA0B;AAC1B,gBAAc,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC,iBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,wBAAsB,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;AACxC,eAAa;AACb,gBAAc;AACd,iBAAe,IAAI,kBAAkB,EAAE;AACvC,sBAAoB,IAAI,uBAAuB,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AACpE,0BAAwB;AACxB,gBAAc;AACd,mBAAiB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACrC,qBAAmB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACvC,2BAAyB;AACzB,iBAAe,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC5C,uBAAqB;AACrB,2BAAyB;AACzB;AAAA,IACE;AAAA;AAAA,MACE,MAAM;AAAA,MACN,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,YAAY;AAAA,MAC5C,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,cACjC;AAAA,IACD,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAClC,iCAA+B,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAC/D,wBAAsB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC1C,uBAAqB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACzC,6BAA2B,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC/C,4BAA0B,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChD;AAEA,CAAC;AACD,CAAC;AACC,4BAA0B;AAC1B,yBAAuB;AACvB,uBAAqB;AACrB,6BAA2B;AAC3B,6BAA2B;AAC3B,4BAA0B;AAC1B,gBAAc,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;AAC9B,iBAAe,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACnC,wBAAsB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC1C,eAAa;AACb,gBAAc,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC,iBAAe,IAAI,kBAAkB,EAAE;AACvC,sBAAoB,IAAI,uBAAuB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACrE,0BAAwB;AACxB,gBAAc;AACd,mBAAiB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAClC,qBAAmB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACpC,2BAAyB,OAAO;AAChC,iBAAe,EAAE,KAAK,MAAM,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;AAC3C,uBAAqB;AACrB,2BAAyB;AACzB;AAAA,IACE;AAAA;AAAA,MACE,MAAM;AAAA,MACN,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,YAAY;AAAA,MAC5C,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE,cACjC;AAAA,IACD,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAClC,iCAA+B,UAAU,GAAG,IAAI,EAAE,QAAQ,GAAG,EAAE;AAC/D,wBAAsB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACvC,uBAAqB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACzC,6BAA2B,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC5C,4BAA0B,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChD;AAEA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,kBAAgB;AAChB,iBAAe,IAAI,MAAM,IAAI;AAC7B,SAAO,IAAI;AACX,aAAW;AACX,eAAa;AACb,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,iBAAe,IAAI,MAAM,IAAI;AAC/B;AAEA,CATC,mBASmB,EAAE,CAtBrB;AAuBC,kBAAgB;AAChB,iBAAe;AACjB;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "opus-react",
3
- "version": "0.2.22",
3
+ "version": "0.2.24",
4
4
  "description": "Opus design system React components",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",