@micromag/core 0.3.832 → 0.4.4

package/lib/styles.css

@@ -0,0 +1,35 @@
+.container .icon{display:block;position:relative}.container .icon,.container .label{-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.container.withoutStyle{color:inherit}.container.asLink,.container.withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.container.asLink{color:var(--mm-primary);font-weight:700}.container.withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.container.withIcon .label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.container.withIcon .right{margin-left:.5em}.container.withIcon.withAnimations.icon-right .label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.container.withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.container.linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
+
+.container{display:inline-block;display:-ms-flexbox!important;display:flex!important;height:18px!important;position:relative;width:18px!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--mm-gray-700)!important;border:0;border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;justify-content:center;padding:0;padding:0 10px!important}.container .icon{display:block}
+.actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:calc(var(--mm-spacer)*2)}.actions.left{-ms-flex-pack:start;justify-content:flex-start}.actions.right{-ms-flex-pack:end;justify-content:flex-end}
+.withoutStyle{color:inherit;-webkit-text-decoration:none;text-decoration:none}.withoutStyle:hover{color:inherit;-webkit-text-decoration:none;text-decoration:none}
+@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.container{display:block;height:40px;width:40px}.container .path{color:currentcolor;stroke-linecap:round}.container.animated{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.container.animated .path{-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}
+
+.container .arrow+.arrow:before{content:">"}
+.collapse{-ms-flex-preferred-size:initial;flex-basis:auto;-ms-flex-positive:initial;flex-grow:0}@media screen and (min-width:768px){.collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1}}
+
+.container{display:inline-block;position:relative}
+.container{position:static}.modals.hasModals{background-color:rgba(28,28,28,.5);bottom:10px;left:10px;position:fixed;right:10px;top:10px;z-index:1000}
+.container{display:-ms-flexbox;display:flex;height:100%;left:0;overflow-y:auto;position:absolute;top:0;width:100%}.container.center>.inner{margin:auto}.container.top>.inner{margin:0 auto;padding:1.75rem 0}
+.container{display:block;opacity:1;padding:0 5px}
+.container{position:static}
+.container{position:static}
+.container .top{border-bottom:1px solid var(--mm-border-color)}.container .button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:calc(var(--mm-spacer)/4) 0;text-align:left;width:100%}.container .label{-ms-flex-positive:1;flex-grow:1}.container .content{max-height:0;overflow:hidden;padding-top:var(--mm-spacer);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.container.isOpened .content{max-height:500px}
+.container{padding:2px}.container.outline{border:2px solid hsla(0,0%,100%,.6);margin:2px 0}.container.withInvertedColors{mix-blend-mode:difference}.box{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:currentcolor;justify-content:center;margin:0 auto}.withInvertedColors .box{background-color:hsla(0,0%,100%,.6)}.outline .box{background-color:transparent}
+.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.container .middle{text-align:center}.container.withoutBorder{border:0}.container.invertColor{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800)}
+
+.container{overflow:hidden;position:relative}.container .item,.container .items{height:100%;width:100%}.container .item{position:absolute;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.container .item.prev{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.container .item.current{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.container .item.next{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
+.icon{color:var(--mm-black)}
+.container{padding:2px;width:100%}.container.withInvertedColors{mix-blend-mode:difference}.line{background-color:currentcolor;height:16px}.withInvertedColors .line{background-color:hsla(0,0%,100%,.6)}
+.container{position:relative}.container .icon{color:var(--mm-black);height:15%;position:absolute;width:15%}.container .icon:first-child{left:40%;top:10%}.container .icon:nth-child(2){left:60%;top:35%}.container .icon:nth-child(3){left:15%;top:50%}.container .icon:nth-child(4){left:60%;top:70%}.container:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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");background-size:cover;content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}
+.container .box{-ms-flex-direction:column;flex-direction:column}.container .icon{color:var(--mm-black);margin-bottom:5px}.container .label{color:var(--mm-black);font-size:.75em}
+.container,.frame{position:relative}.screen{left:0;position:absolute;top:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
+.container{background-color:var(--mm-black);color:var(--mm-white);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.container *,.container :after,.container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.container address,.container blockquote,.container caption,.container dl,.container figure,.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container label,.container legend,.container li,.container ol,.container p,.container pre,.container ul{margin:0;padding:0}.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container li,.container p{font-weight:inherit}.container .mark,.container mark{color:inherit}
+.screen{background-color:transparent;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.stack{overflow:hidden;position:relative}.stack .stackScreen{position:relative;z-index:10}.stack .stackItem{background-color:var(--mm-gray-700);border:1px solid var(--mm-gray-500);left:0;position:absolute;top:0}.stack .stackItem:first-child{z-index:3}.stack .stackItem:nth-child(2){z-index:2}.stack .stackItem:nth-child(3){z-index:1}.screen{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.container{mix-blend-mode:difference;padding:10px;text-align:center}.container .icon{color:hsla(0,0%,100%,.6);height:auto;margin:3px auto auto;width:25px}.container .message{background-color:rgb(var(--mm-white),.6);height:23px;margin:3px 1px 0;width:80%}.container .placeholderMessage0{width:65%}.container .placeholderMessage1{margin-left:auto}.container .placeholderMessage2{width:65%}.container .placeholderMessage3{margin-left:auto;width:50%}
+.container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.container .block{-ms-flex-positive:1;flex-grow:1}.container .answer{color:hsla(0,0%,100%,.6);margin-right:6px;padding:0 1px;width:12px}.container .answerIcon{color:rgb(var(--mm-white),.6);display:block;height:100%;width:100%}.container.good .answer{padding:0}
+.container .box{background-color:transparent;display:block}.container .icon{color:var(--mm-black);height:auto;width:10px}.item{background-color:var(--mm-gray-300);display:-ms-flexbox;display:flex;padding:3px;width:100%}.item+.item{margin-top:5px}.button{font-size:1rem}
+.container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.container .block{-ms-flex-positive:1;flex-grow:1}.container .percent{margin-left:4px}.container .percentIcon{color:rgb(var(--mm-white),.6);padding:1px}
+.container .screen{height:100%;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.container .screen.visible{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
+.container.fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,44 +34,37 @@
     "module": "es/index.js",
     "style": "assets/css/styles.css",
     "sideEffects": [
-        "**/*.css",
-        "**/*.scss"
+        "**/*.css"
     ],
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js",
             "require": "./lib/index.js"
         },
         "./components": {
+            "types": "./es/components.d.ts",
             "require": "./lib/components.js",
             "import": "./es/components.js"
         },
         "./contexts": {
+            "types": "./es/contexts.d.ts",
             "require": "./lib/contexts.js",
             "import": "./es/contexts.js"
         },
         "./hooks": {
+            "types": "./es/hooks.d.ts",
             "require": "./lib/hooks.js",
             "import": "./es/hooks.js"
         },
         "./utils": {
+            "types": "./es/utils.d.ts",
             "require": "./lib/utils.js",
             "import": "./es/utils.js"
         },
-        "./scss/mixins": "./scss/_mixins.scss",
-        "./scss/mixins.scss": "./scss/_mixins.scss",
-        "./scss/placeholders": "./scss/_placeholders.scss",
-        "./scss/placeholders.scss": "./scss/_placeholders.scss",
-        "./scss/theme": "./scss/_theme.scss",
-        "./scss/theme.scss": "./scss/_theme.scss",
-        "./scss/variables": "./scss/_variables.scss",
-        "./scss/variables.scss": "./scss/_variables.scss",
-        "./scss/styles": "./scss/styles.scss",
-        "./scss/styles.scss": "./scss/styles.scss",
-        "./scss/upload": "./scss/upload.scss",
-        "./scss/upload.scss": "./scss/upload.scss",
-        "./scss/vendor": "./scss/vendor.scss",
-        "./scss/vendor.scss": "./scss/vendor.scss",
+        "./styles/theme": "./styles/theme.css",
+        "./styles/theme.css": "./styles/theme.css",
+        "./styles/shared.module.css": "./styles/shared.module.css",
         "./assets/css/styles": "./assets/css/styles.css",
         "./assets/css/styles.css": "./assets/css/styles.css",
         "./assets/css/vendor": "./assets/css/vendor.css",
@@ -88,43 +81,43 @@
         "lib",
         "es",
         "assets",
-        "scss",
+        "styles",
         "components.js",
         "contexts.js",
         "hooks.js",
         "utils.js"
     ],
     "scripts": {
-        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf scss",
-        "vendor": "../../scripts/build-sass.js ./src/styles/vendor.scss ./assets/css/vendor.css",
+        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf styles",
+        "vendor": "../../scripts/build-css.js ./src/styles/vendor.css ./assets/css/vendor.css",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh --scss && npm run vendor"
+        "build": "../../scripts/prepare-package.sh --types && npm run vendor"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "@panneau/displays": "^3.0.301",
-        "@panneau/element-button": "^3.0.300",
-        "@panneau/element-buttons": "^3.0.300",
-        "@panneau/element-dropdown": "^3.0.300",
-        "@panneau/element-form-group": "^3.0.300",
-        "@panneau/element-grid": "^3.0.300",
-        "@panneau/element-icon": "^3.0.300",
-        "@panneau/element-link": "^3.0.300",
-        "@panneau/element-media-card": "^3.0.300",
-        "@panneau/element-media-player": "^3.0.300",
-        "@panneau/element-modal": "^3.0.300",
-        "@panneau/fields": "^3.0.306",
-        "@panneau/filters": "^3.0.301",
-        "@panneau/medias": "^3.0.300",
-        "@panneau/uppy": "^3.0.162",
+        "@panneau/displays": "^4.0.18",
+        "@panneau/element-button": "^4.0.18",
+        "@panneau/element-buttons": "^4.0.18",
+        "@panneau/element-dropdown": "^4.0.18",
+        "@panneau/element-form-group": "^4.0.18",
+        "@panneau/element-grid": "^4.0.18",
+        "@panneau/element-icon": "^4.0.18",
+        "@panneau/element-link": "^4.0.18",
+        "@panneau/element-media-card": "^4.0.18",
+        "@panneau/element-media-player": "^4.0.18",
+        "@panneau/element-modal": "^4.0.18",
+        "@panneau/fields": "^4.0.18",
+        "@panneau/filters": "^4.0.18",
+        "@panneau/medias": "^4.0.18",
+        "@panneau/uppy": "^4.0.18",
         "@uppy/core": "^5.1.1",
         "@uppy/dashboard": "^5.0.4",
         "@uppy/react": "^5.1.1",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
@@ -138,8 +131,8 @@
         "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@fortawesome/free-solid-svg-icons": "^6.5.2",
         "@fortawesome/react-fontawesome": "^0.2.0",
-        "@react-spring/core": "^9.6.1",
-        "@react-spring/web": "^9.6.1",
+        "@react-spring/core": "^10.0.3",
+        "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.1",
         "bootstrap": "^5.3.7",
         "change-case": "^5.4.4",
@@ -150,12 +143,11 @@
         "flat": "^6.0.1",
         "hoist-non-react-statics": "^3.3.2",
         "js-cookie": "^3.0.5",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
+        "lodash": "^4.17.23",
         "query-string": "^9.0.0",
         "raf": "^3.4.1",
         "react-helmet": "^6.1.0",
-        "react-intl": "^6.6.4",
+        "react-intl": "^8.1.3",
         "screenfull": "^5.2.0",
         "slugify": "^1.6.5",
         "tinycolor2": "^1.4.2",
@@ -168,5 +160,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }

package/styles/bootstrap-overrides.css

@@ -0,0 +1,111 @@
+/* stylelint-disable selector-class-pattern */
+
+/*
+ * Bootstrap 5.3 CSS custom property overrides
+ * Replaces the Sass variable overrides from _theme.scss
+ * These override Bootstrap's default :root values
+ */
+:root,
+[data-bs-theme='light'] {
+    /* Colors */
+    --bs-blue: #2151ff;
+    --bs-purple: #a13dff;
+    --bs-red: #ff2945;
+    --bs-yellow: #ffe535;
+    --bs-green: #0ed88f;
+    --bs-white: #fff;
+    --bs-black: #1c1c1c;
+
+    /* Gray scale */
+    --bs-gray-100: #f5f5f5;
+    --bs-gray-200: #e9e9e9;
+    --bs-gray-300: #dedede;
+    --bs-gray-400: #b3b3b3;
+    --bs-gray-500: #adadad;
+    --bs-gray-600: #6c6c6c;
+    --bs-gray-700: #494949;
+    --bs-gray-800: #343434;
+    --bs-gray-900: #2b2b2b;
+
+    /* Theme colors */
+    --bs-primary: #a13dff;
+    --bs-primary-rgb: 161, 61, 255;
+    --bs-secondary: #e9e9e9;
+    --bs-secondary-rgb: 233, 233, 233;
+    --bs-success: #0ed88f;
+    --bs-success-rgb: 14, 216, 143;
+    --bs-info: #2151ff;
+    --bs-info-rgb: 33, 81, 255;
+    --bs-warning: #ffe535;
+    --bs-warning-rgb: 255, 229, 53;
+    --bs-danger: #ff2945;
+    --bs-danger-rgb: 255, 41, 69;
+    --bs-light: #fff;
+    --bs-light-rgb: 255, 255, 255;
+    --bs-dark: #343434;
+    --bs-dark-rgb: 52, 52, 52;
+
+    /* Body (dark theme) */
+    --bs-body-bg: #1c1c1c;
+    --bs-body-bg-rgb: 28, 28, 28;
+    --bs-body-color: #f5f5f5;
+    --bs-body-color-rgb: 245, 245, 245;
+    --bs-body-font-size: 0.9rem;
+    --bs-body-line-height: 1.4;
+
+    /* Typography */
+    --bs-font-sans-serif: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol', 'Noto Color Emoji';
+
+    /* Links */
+    --bs-link-color: #a13dff;
+    --bs-link-color-rgb: 161, 61, 255;
+    --bs-link-hover-color: #812dcc;
+    --bs-link-hover-color-rgb: 129, 45, 204;
+
+    /* Emphasis */
+    --bs-emphasis-color: #fff;
+    --bs-emphasis-color-rgb: 255, 255, 255;
+
+    /* Secondary/tertiary colors for dark theme */
+    --bs-secondary-color: rgba(245, 245, 245, 0.75);
+    --bs-secondary-color-rgb: 245, 245, 245;
+    --bs-secondary-bg: #343434;
+    --bs-secondary-bg-rgb: 52, 52, 52;
+    --bs-tertiary-color: rgba(245, 245, 245, 0.5);
+    --bs-tertiary-color-rgb: 245, 245, 245;
+    --bs-tertiary-bg: #2b2b2b;
+    --bs-tertiary-bg-rgb: 43, 43, 43;
+
+    /* Border */
+    --bs-border-color: rgba(255, 255, 255, 0.13);
+    --bs-border-color-translucent: rgba(255, 255, 255, 0.13);
+
+    /* Focus ring - purple primary */
+    --bs-focus-ring-color: rgba(161, 61, 255, 0.25);
+
+    /* Text-emphasis variations */
+    --bs-primary-text-emphasis: #c98aff;
+    --bs-secondary-text-emphasis: #f2f2f2;
+    --bs-success-text-emphasis: #6ee8bc;
+    --bs-info-text-emphasis: #7a9bff;
+    --bs-warning-text-emphasis: #ffee80;
+    --bs-danger-text-emphasis: #ff8090;
+
+    /* Subtle backgrounds */
+    --bs-primary-bg-subtle: #200d33;
+    --bs-secondary-bg-subtle: #2e2e2e;
+    --bs-success-bg-subtle: #031b12;
+    --bs-info-bg-subtle: #071033;
+    --bs-warning-bg-subtle: #332e0a;
+    --bs-danger-bg-subtle: #330a0e;
+
+    /* Subtle borders */
+    --bs-primary-border-subtle: #511999;
+    --bs-secondary-border-subtle: #5c5c5c;
+    --bs-success-border-subtle: #075636;
+    --bs-info-border-subtle: #143199;
+    --bs-warning-border-subtle: #998a1f;
+    --bs-danger-border-subtle: #991829;
+}