gd-bs 6.6.98 → 6.7.0

package/src/icons/svgs/meta.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function meta(height?:number, width?:number, className?:string) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-meta' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.217 5.243C9.145 3.988 10.171 3 11.483 3 13.96 3 16 6.153 16.001 9.907c0 2.29-.986 3.725-2.757 3.725-1.543 0-2.395-.866-3.924-3.424l-.667-1.123-.118-.197a55 55 0 0 0-.53-.877l-1.178 2.08c-1.673 2.925-2.615 3.541-3.923 3.541C1.086 13.632 0 12.217 0 9.973 0 6.388 1.995 3 4.598 3q.477-.001.924.122c.31.086.611.22.913.407.577.359 1.154.915 1.782 1.714m1.516 2.224q-.378-.614-.727-1.133L9 6.326c.845-1.305 1.543-1.954 2.372-1.954 1.723 0 3.102 2.537 3.102 5.653 0 1.188-.39 1.877-1.195 1.877-.773 0-1.142-.51-2.61-2.87zM4.846 4.756c.725.1 1.385.634 2.34 2.001A212 212 0 0 0 5.551 9.3c-1.357 2.126-1.826 2.603-2.581 2.603-.777 0-1.24-.682-1.24-1.9 0-2.602 1.298-5.264 2.846-5.264q.136 0 .27.018Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-meta' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.217 5.243C9.145 3.988 10.171 3 11.483 3 13.96 3 16 6.153 16.001 9.907c0 2.29-.986 3.725-2.757 3.725-1.543 0-2.395-.866-3.924-3.424l-.667-1.123-.118-.197a55 55 0 0 0-.53-.877l-1.178 2.08c-1.673 2.925-2.615 3.541-3.923 3.541C1.086 13.632 0 12.217 0 9.973 0 6.388 1.995 3 4.598 3q.477-.001.924.122c.31.086.611.22.913.407.577.359 1.154.915 1.782 1.714m1.516 2.224q-.378-.615-.727-1.133L9 6.326c.845-1.305 1.543-1.954 2.372-1.954 1.723 0 3.102 2.537 3.102 5.653 0 1.188-.39 1.877-1.195 1.877-.773 0-1.142-.51-2.61-2.87zM4.846 4.756c.725.1 1.385.634 2.34 2.001A212 212 0 0 0 5.551 9.3c-1.357 2.126-1.826 2.603-2.581 2.603-.777 0-1.24-.682-1.24-1.9 0-2.602 1.298-5.264 2.846-5.264q.137 0 .27.018'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/openai.d.ts

@@ -0,0 +1 @@
+export const openai: (height?:number, width?:number, className?:string) => HTMLElement;

package/src/icons/svgs/openai.ts

@@ -0,0 +1,4 @@
+import { generateIcon } from "../generate";
+export function openai(height?:number, width?:number, className?:string) {
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-openai' viewBox='0 0 16 16'>   <path d='M14.949 6.547a3.94 3.94 0 0 0-.348-3.273 4.11 4.11 0 0 0-4.4-1.934A4.1 4.1 0 0 0 8.423.2 4.15 4.15 0 0 0 6.305.086a4.1 4.1 0 0 0-1.891.948 4.04 4.04 0 0 0-1.158 1.753 4.1 4.1 0 0 0-1.563.679A4 4 0 0 0 .554 4.72a3.99 3.99 0 0 0 .502 4.731 3.94 3.94 0 0 0 .346 3.274 4.11 4.11 0 0 0 4.402 1.933c.382.425.852.764 1.377.995.526.231 1.095.35 1.67.346 1.78.002 3.358-1.132 3.901-2.804a4.1 4.1 0 0 0 1.563-.68 4 4 0 0 0 1.14-1.253 3.99 3.99 0 0 0-.506-4.716m-6.097 8.406a3.05 3.05 0 0 1-1.945-.694l.096-.054 3.23-1.838a.53.53 0 0 0 .265-.455v-4.49l1.366.778q.02.011.025.035v3.722c-.003 1.653-1.361 2.992-3.037 2.996m-6.53-2.75a2.95 2.95 0 0 1-.36-2.01l.095.057L5.29 12.09a.53.53 0 0 0 .527 0l3.949-2.246v1.555a.05.05 0 0 1-.022.041L6.473 13.3c-1.454.826-3.311.335-4.15-1.098m-.85-6.94A3.02 3.02 0 0 1 3.07 3.949v3.785a.51.51 0 0 0 .262.451l3.93 2.237-1.366.779a.05.05 0 0 1-.048 0L2.585 9.342a2.98 2.98 0 0 1-1.113-4.094zm11.216 2.571L8.747 5.576l1.362-.776a.05.05 0 0 1 .048 0l3.265 1.86a3 3 0 0 1 1.173 1.207 2.96 2.96 0 0 1-.27 3.2 3.05 3.05 0 0 1-1.36.997V8.279a.52.52 0 0 0-.276-.445m1.36-2.015-.097-.057-3.226-1.855a.53.53 0 0 0-.53 0L6.249 6.153V4.598a.04.04 0 0 1 .019-.04L9.533 2.7a3.07 3.07 0 0 1 3.257.139c.474.325.843.778 1.066 1.303.223.526.289 1.103.191 1.664zM5.503 8.575 4.139 7.8a.05.05 0 0 1-.026-.037V4.049c0-.57.166-1.127.476-1.607s.752-.864 1.275-1.105a3.08 3.08 0 0 1 3.234.41l-.096.054-3.23 1.838a.53.53 0 0 0-.265.455zm.742-1.577 1.758-1 1.762 1v2l-1.755 1-1.762-1z'/> </svg>`, height, width, className);
+}

package/src/icons/svgs/perplexity.d.ts

@@ -0,0 +1 @@
+export const perplexity: (height?:number, width?:number, className?:string) => HTMLElement;

package/src/icons/svgs/perplexity.ts

@@ -0,0 +1,4 @@
+import { generateIcon } from "../generate";
+export function perplexity(height?:number, width?:number, className?:string) {
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-perplexity' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8 .188a.5.5 0 0 1 .503.5V4.03l3.022-2.92.059-.048a.51.51 0 0 1 .49-.054.5.5 0 0 1 .306.46v3.247h1.117l.1.01a.5.5 0 0 1 .403.49v5.558a.5.5 0 0 1-.503.5H12.38v3.258a.5.5 0 0 1-.312.462.51.51 0 0 1-.55-.11l-3.016-3.018v3.448c0 .275-.225.5-.503.5a.5.5 0 0 1-.503-.5v-3.448l-3.018 3.019a.51.51 0 0 1-.548.11.5.5 0 0 1-.312-.463v-3.258H2.503a.5.5 0 0 1-.503-.5V5.215l.01-.1c.047-.229.25-.4.493-.4H3.62V1.469l.006-.074a.5.5 0 0 1 .302-.387.51.51 0 0 1 .547.102l3.023 2.92V.687c0-.276.225-.5.503-.5M4.626 9.333v3.984l2.87-2.872v-4.01zm3.877 1.113 2.871 2.871V9.333l-2.87-2.897zm3.733-1.668a.5.5 0 0 1 .145.35v1.145h.612V5.715H9.201zm-9.23 1.495h.613V9.13c0-.131.052-.257.145-.35l3.033-3.064h-3.79zm1.62-5.558H6.76L4.626 2.652zm4.613 0h2.134V2.652z'/> </svg>`, height, width, className);
+}

package/src/icons/svgs/tux.d.ts

@@ -0,0 +1 @@
+export const tux: (height?:number, width?:number, className?:string) => HTMLElement;

package/src/icons/svgs/tux.ts

@@ -0,0 +1,4 @@
+import { generateIcon } from "../generate";
+export function tux(height?:number, width?:number, className?:string) {
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tux' viewBox='0 0 16 16'>   <path d='M8.996 4.497c.104-.076.1-.168.186-.158s.022.102-.098.207c-.12.104-.308.243-.46.323-.291.152-.631.336-.993.336s-.647-.167-.853-.33c-.102-.082-.186-.162-.248-.221-.11-.086-.096-.207-.052-.204.075.01.087.109.134.153.064.06.144.137.241.214.195.154.454.304.778.304s.702-.19.932-.32c.13-.073.297-.204.433-.304M7.34 3.781c.055-.02.123-.031.174-.003.011.006.024.021.02.034-.012.038-.074.032-.11.05-.032.017-.057.052-.093.054-.034 0-.086-.012-.09-.046-.007-.044.058-.072.1-.089m.581-.003c.05-.028.119-.018.173.003.041.017.106.045.1.09-.004.033-.057.046-.09.045-.036-.002-.062-.037-.093-.053-.036-.019-.098-.013-.11-.051-.004-.013.008-.028.02-.034'/>   <path fill-rule='evenodd' d='M8.446.019c2.521.003 2.38 2.66 2.364 4.093-.01.939.509 1.574 1.04 2.244.474.56 1.095 1.38 1.45 2.32.29.765.402 1.613.115 2.465a.8.8 0 0 1 .254.152l.001.002c.207.175.271.447.329.698.058.252.112.488.224.615.344.382.494.667.48.922-.015.254-.203.43-.435.57-.465.28-1.164.491-1.586 1.002-.443.527-.99.83-1.505.871a1.25 1.25 0 0 1-1.256-.716v-.001a1 1 0 0 1-.078-.21c-.67.038-1.252-.165-1.718-.128-.687.038-1.116.204-1.506.206-.151.331-.445.547-.808.63-.5.114-1.126 0-1.743-.324-.577-.306-1.31-.278-1.85-.39-.27-.057-.51-.157-.626-.384-.116-.226-.095-.538.07-.988.051-.16.012-.398-.026-.648a2.5 2.5 0 0 1-.037-.369c0-.133.022-.265.087-.386v-.002c.14-.266.368-.377.577-.451s.397-.125.53-.258c.143-.15.27-.374.443-.56q.036-.037.073-.07c-.081-.538.007-1.105.192-1.662.393-1.18 1.223-2.314 1.811-3.014.502-.713.65-1.287.701-2.016.042-.997-.705-3.974 2.112-4.2q.168-.015.321-.013m2.596 10.866-.03.016c-.223.121-.348.337-.427.656-.08.32-.107.733-.13 1.206v.001c-.023.37-.192.824-.31 1.267s-.176.862-.036 1.128v.002c.226.452.608.636 1.051.601s.947-.304 1.36-.795c.474-.576 1.218-.796 1.638-1.05.21-.126.324-.242.333-.4.009-.157-.097-.403-.425-.767-.17-.192-.217-.462-.274-.71-.056-.247-.122-.468-.26-.585l-.001-.001c-.18-.157-.356-.17-.565-.164q-.069.001-.14.005c-.239.275-.805.612-1.197.508-.359-.09-.562-.508-.587-.918m-7.204.03H3.83c-.189.002-.314.09-.44.225-.149.158-.276.382-.445.56v.002h-.002c-.183.184-.414.239-.61.31-.195.069-.353.143-.46.35v.002c-.085.155-.066.378-.029.624.038.245.096.507.018.746v.002l-.001.002c-.157.427-.155.678-.082.822.074.143.235.22.48.272.493.103 1.26.069 1.906.41.583.305 1.168.404 1.598.305.431-.098.712-.369.75-.867v-.002c.029-.292-.195-.673-.485-1.052-.29-.38-.633-.752-.795-1.09v-.002l-.61-1.11c-.21-.286-.43-.462-.68-.5a1 1 0 0 0-.106-.008M9.584 4.85c-.14.2-.386.37-.695.467-.147.048-.302.17-.495.28a1.3 1.3 0 0 1-.74.19.97.97 0 0 1-.582-.227c-.14-.113-.25-.237-.394-.322a3 3 0 0 1-.192-.126c-.063 1.179-.85 2.658-1.226 3.511a5.4 5.4 0 0 0-.43 1.917c-.68-.906-.184-2.066.081-2.568.297-.55.343-.701.27-.649-.266.436-.685 1.13-.848 1.844-.085.372-.1.749.01 1.097.11.349.345.67.766.931.573.351.963.703 1.193 1.015s.302.584.23.777a.4.4 0 0 1-.212.22.7.7 0 0 1-.307.056l.184.235c.094.124.186.249.266.375 1.179.805 2.567.496 3.568-.218.1-.342.197-.664.212-.903.024-.474.05-.896.136-1.245s.244-.634.53-.791a1 1 0 0 1 .138-.061q.005-.045.013-.087c.082-.546.569-.572 1.18-.303.588.266.81.499.71.814h.13c.122-.398-.133-.69-.822-1.025l-.137-.06a2.35 2.35 0 0 0-.012-1.113c-.188-.79-.704-1.49-1.098-1.838-.072-.003-.065.06.081.203.363.333 1.156 1.532.727 2.644a1.2 1.2 0 0 0-.342-.043c-.164-.907-.543-1.66-.735-2.014-.359-.668-.918-2.036-1.158-2.983M7.72 3.503a1 1 0 0 0-.312.053c-.268.093-.447.286-.559.391-.022.021-.05.04-.119.091s-.172.126-.321.238q-.198.151-.13.38c.046.15.192.325.459.476.166.098.28.23.41.334a1 1 0 0 0 .215.133.9.9 0 0 0 .298.066c.282.017.49-.068.673-.173s.34-.233.518-.29c.365-.115.627-.345.709-.564a.37.37 0 0 0-.01-.309c-.048-.096-.148-.187-.318-.257h-.001c-.354-.151-.507-.162-.705-.29-.321-.207-.587-.28-.807-.279m-.89-1.122h-.025a.4.4 0 0 0-.278.135.76.76 0 0 0-.191.334 1.2 1.2 0 0 0-.051.445v.001c.01.162.041.299.102.436.05.116.109.204.183.274l.089-.065.117-.09-.023-.018a.4.4 0 0 1-.11-.161.7.7 0 0 1-.054-.22v-.01a.7.7 0 0 1 .014-.234.4.4 0 0 1 .08-.179q.056-.069.126-.073h.013a.18.18 0 0 1 .123.05c.045.04.08.09.11.162a.7.7 0 0 1 .054.22v.01a.7.7 0 0 1-.002.17 1.1 1.1 0 0 1 .317-.143 1.3 1.3 0 0 0 .002-.194V3.23a1.2 1.2 0 0 0-.102-.437.8.8 0 0 0-.227-.31.4.4 0 0 0-.268-.102m1.95-.155a.63.63 0 0 0-.394.14.9.9 0 0 0-.287.376 1.2 1.2 0 0 0-.1.51v.015q0 .079.01.152c.114.027.278.074.406.138a1 1 0 0 1-.011-.172.8.8 0 0 1 .058-.278.5.5 0 0 1 .139-.2.26.26 0 0 1 .182-.069.26.26 0 0 1 .178.081c.055.054.094.12.124.21.029.086.042.17.04.27l-.002.012a.8.8 0 0 1-.057.277c-.024.059-.089.106-.122.145.046.016.09.03.146.052a5 5 0 0 1 .248.102 1.2 1.2 0 0 0 .244-.763 1.2 1.2 0 0 0-.11-.495.9.9 0 0 0-.294-.37.64.64 0 0 0-.39-.133z'/> </svg>`, height, width, className);
+}

package/src/icons/svgs/typescript.d.ts

@@ -0,0 +1 @@
+export const typescript: (height?:number, width?:number, className?:string) => HTMLElement;

package/src/icons/svgs/typescript.ts

@@ -0,0 +1,4 @@
+import { generateIcon } from "../generate";
+export function typescript(height?:number, width?:number, className?:string) {
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-typescript' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm-1.139 7.488q-.585 0-1.006.244a1.67 1.67 0 0 0-.634.674 2.1 2.1 0 0 0-.225.996q0 .753.293 1.182.303.42.967.732l.469.215q.438.186.625.43.185.244.185.635 0 .478-.166.703-.156.224-.527.224-.361.001-.547-.244-.186-.243-.205-.752h-1.162q.02.996.498 1.524.479.527 1.386.527.909 0 1.417-.518.507-.517.507-1.484 0-.81-.332-1.289t-1.045-.79l-.449-.196q-.39-.166-.556-.381-.166-.214-.166-.576 0-.4.165-.596.177-.195.508-.195.361 0 .508.234.156.234.176.703h1.123q-.03-.976-.498-1.484-.47-.518-1.309-.518M7 7.596v1.113h1.3V14.5h1.221V8.709h1.289V7.596z'/> </svg>`, height, width, className);
+}

package/src/icons/svgs/unlock.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function unlock(height?:number, width?:number, className?:string) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-unlock' viewBox='0 0 16 16'>   <path d='M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2M3 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-unlock' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M12 0a4 4 0 0 1 4 4v2.5h-1V4a3 3 0 1 0-6 0v2h.5A2.5 2.5 0 0 1 12 8.5v5A2.5 2.5 0 0 1 9.5 16h-7A2.5 2.5 0 0 1 0 13.5v-5A2.5 2.5 0 0 1 2.5 6H8V4a4 4 0 0 1 4-4M2.5 7A1.5 1.5 0 0 0 1 8.5v5A1.5 1.5 0 0 0 2.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 9.5 7z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/unlock2.d.ts

@@ -0,0 +1 @@
+export const unlock2: (height?:number, width?:number, className?:string) => HTMLElement;

package/src/icons/svgs/unlock2.ts

@@ -0,0 +1,4 @@
+import { generateIcon } from "../generate";
+export function unlock2(height?:number, width?:number, className?:string) {
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-unlock2' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8 0c1.07 0 2.041.42 2.759 1.104l.14.14.062.08a.5.5 0 0 1-.71.675l-.076-.066-.216-.205A3 3 0 0 0 5 4v2h6.5A2.5 2.5 0 0 1 14 8.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4M4.5 7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7z'/> </svg>`, height, width, className);
+}

package/src/icons/svgs/unlock2Fill.d.ts

@@ -0,0 +1 @@
+export const unlock2Fill: (height?:number, width?:number, className?:string) => HTMLElement;

package/src/icons/svgs/unlock2Fill.ts

@@ -0,0 +1,4 @@
+import { generateIcon } from "../generate";
+export function unlock2Fill(height?:number, width?:number, className?:string) {
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-unlock2-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8 0c1.07 0 2.041.42 2.759 1.104l.14.14.062.08a.5.5 0 0 1-.71.675l-.076-.066-.216-.205A3 3 0 0 0 5 4v2h6.5A2.5 2.5 0 0 1 14 8.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4'/> </svg>`, height, width, className);
+}

package/src/icons/svgs/unlockFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function unlockFill(height?:number, width?:number, className?:string) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-unlock-fill' viewBox='0 0 16 16'>   <path d='M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-unlock-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M12 0a4 4 0 0 1 4 4v2.5h-1V4a3 3 0 1 0-6 0v2h.5A2.5 2.5 0 0 1 12 8.5v5A2.5 2.5 0 0 1 9.5 16h-7A2.5 2.5 0 0 1 0 13.5v-5A2.5 2.5 0 0 1 2.5 6H8V4a4 4 0 0 1 4-4'/> </svg>`, height, width, className);
 }

package/src/styles/_floating-ui.scss

@@ -1,5 +1,6 @@
 /** Variables */
 :root {
+    --bs-dropdown-item-border-radius: 5px;
     --bs-tooltip-border-radius: 0.375rem;
     --bs-tooltip-max-width: 200px;
 }
@@ -10,6 +11,7 @@
     padding: 5px 9px;
     inset: 0px auto auto 0px;
     position: absolute;
+    z-index: 1100;
 
     &.floating-tooltip {
         border-radius: var(--bs-tooltip-border-radius);
@@ -24,6 +26,9 @@
         padding: var(--bs-dropdown-padding-y, 0.5rem) var (--bs-dropdown-padding-x, 0);
     }
 
+    &.floating-dropdown .dropdown-item {
+        border-radius: var(--bs-dropdown-border-radius, 5px);
+    }
 }
 
 /** Floating-UI */
@@ -46,6 +51,12 @@
         color: var(--sp-white, #ffffff);
     }
 
+    &[data-theme~='primary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #0078d4);
+    }
+
     &[data-theme~='primary'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-theme-primary, #0078d4);
     }
@@ -69,6 +80,12 @@
         color: var(--sp-white, #ffffff);
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #605e5c);
+    }
+
     &[data-theme~='secondary'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-info-icon, #605e5c);
     }
@@ -92,6 +109,12 @@
         color: var(--sp-white, #ffffff);
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #107c10);
+    }
+
     &[data-theme~='success'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-success-icon, #107c10);
     }
@@ -115,6 +138,12 @@
         color: var(--sp-black, #000000);
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #8764b8);
+    }
+
     &[data-theme~='info'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-accent, #8764b8);
     }
@@ -138,6 +167,12 @@
         color: var(--sp-white, #ffffff);
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #d83b01);
+    }
+
     &[data-theme~='warning'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-severe-warning-icon, #d83b01);
     }
@@ -161,6 +196,12 @@
         color: var(--sp-white, #ffffff);
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #a80000);
+    }
+
     &[data-theme~='danger'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-error-icon, #a80000);
     }
@@ -184,6 +225,12 @@
         color: var(--sp-black, #000000) !important;
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #f3f2f1);
+    }
+
     &[data-theme~='light'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-neutral-lighter, #f3f2f1) !important;
     }
@@ -208,6 +255,12 @@
         color: var(--sp-primary-text, #333333) !important;
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #ffffff);
+    }
+
     &[data-theme~='light-border'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-white, #ffffff) !important;
     }
@@ -239,6 +292,12 @@
         color: var(--sp-white, #ffffff);
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #201f1e);
+    }
+
     &[data-theme~='dark'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-neutral-dark, #201f1e);
     }
@@ -262,6 +321,12 @@
         color: var(--sp-white, #ffffff);
     }
 
+    &[data-theme~='secondary'] {
+        border-style: solid;
+        border-width: .8px;
+        border-color: var(--sp-theme-primary, #005a9e);
+    }
+
     &[data-theme~='sharepoint'][data-placement^='top']>.arrow::before {
         border-top-color: var(--sp-theme-dark, #005a9e);
     }