@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.3

package/styles/additionals.min.css

@@ -0,0 +1 @@
+.hyperspace-light{--sw-btn-tertiary-text:#1250DE;--sw-btn-tertiary-hover:#e6f3ff;--sw-btn-tertiary-active:#d3e8ff;--sw-ai-border-01-gradient:linear-gradient(#FFFFFF, #FFFFFF) padding-box,linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%) border-box;--sw-ai-border-gradient:linear-gradient(#FFFFFF, #FFFFFF) padding-box,linear-gradient(to right, #FFC005 2%, #FFE94F 12%, #8DE76E 21%, #3BE5FF 50%, #44BFFF 85%) border-box}.hyperspace-dark{--sw-btn-tertiary-text:#3188FF;--sw-btn-tertiary-hover:#061f56;--sw-btn-tertiary-active:#0E3386;--sw-ai-border-01-gradient:linear-gradient(#1C1C1F, #1C1C1F) padding-box,linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%) border-box;--sw-ai-border-gradient:linear-gradient(#121214, #121214) padding-box,linear-gradient(to right, #FFC005 2%, #FFE94F 12%, #8DE76E 21%, #3BE5FF 50%, #44BFFF 85%) border-box}.grid-cols-\[--sw-grid-cols\]{grid-template-columns:repeat(var(--sw-grid-cols),minmax(0,1fr))}.grid-rows-\[--sw-grid-rows\]{grid-template-rows:repeat(var(--sw-grid-rows),minmax(0,1fr))}.gap-x-\[--sw-gap-x\]{grid-column-gap:var(--sw-gap-x);column-gap:var(--sw-gap-x)}.gap-y-\[--sw-gap-y\]{grid-row-gap:var(--sw-gap-y);row-gap:var(--sw-gap-y)}.col-start-\[--sw-col-start\]{grid-column-start:var(--sw-col-start)}.col-end-\[--sw-col-end\]{grid-column-end:var(--sw-col-end)}.row-start-\[--sw-row-start\]{grid-row-start:var(--sw-row-start)}.row-end-\[--sw-row-end\]{grid-row-end:var(--sw-row-end)}.translate-\[--sw-translate\]{transform:translateX(var(--sw-translate-x)) translateY(var(--sw-translate-y))}.st-trans-\[--sw-transform\]{transform:var(--sw-transform)}.w-\[--sw-width\]{width:var(--sw-width)}.max-w-4\.75{max-width:1.9rem}.max-w-\[50vw\]{max-width:50vw}.max-w-\[--sw-max-width\]{max-width:var(--sw-max-width)}.min-h-6\.5{min-height:2.6rem}.min-h-16{min-height:6.4rem}.max-h-62\.5{max-height:25rem}.max-h-\[--sw-max-height\]{max-height:var(--sw-max-height)}.h-\[--sw-height\]{height:var(--sw-height)}.z-\[--sw-z-index\]{z-index:var(--sw-z-index)}.isolation-\[--sw-isolate\]{isolation:var(--sw-isolate)}.resize-\[--sw-resize\]{resize:var(--sw-resize)}.pt-\[--sw-padding-block-start\]{padding-block-start:var(--sw-padding-block-start)}.pb-\[--sw-padding-block-end\]{padding-block-end:var(--sw-padding-block-end)}.pl-\[--sw-padding-inline-start\]{padding-inline-start:var(--sw-padding-inline-start)}.pr-\[--sw-padding-inline-end\]{padding-inline-end:var(--sw-padding-inline-end)}.rounded-\[--sw-rounded\]{border-radius:var(--sw-rounded)}.rounded-t-\[--sw-rounded-t\]{border-start-end-radius:var(--sw-rounded-t);border-start-start-radius:var(--sw-rounded-t)}.bg-\[--sw-bg-color\]{--tw-bg-opacity:1;background-color:var(--sw-bg-color)}.bg-image-\[--sw-bg-image\]{--tw-bg-opacity:1;background-image:var(--sw-bg-image)}.hover\:bg-\[--sw-bg-color-hover\]:hover{--tw-bg-opacity:1;background-color:var(--sw-bg-color-hover)}.active\:bg-\[--sw-bg-color-active\]:active{--tw-bg-opacity:1;background-color:var(--sw-bg-color-active)}.focus\:bg-\[--sw-bg-color-focus\]:focus{--tw-bg-opacity:1;background-color:var(--sw-bg-color-focus)}.focus-within\:bg-\[--sw-bg-color-focus-within\]:focus-within{--tw-bg-opacity:1;background-color:var(--sw-bg-color-focus-within)}.bg-\[--sw-bg\]{--tw-bg-opacity:1;background:var(--sw-bg)}.bg-\[--sw-bg-size\]{background-size:var(--sw-bg-size)}.bg-full{background-size:100%}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.box-shadow-none{box-shadow:none}.font-size-inherit{font-size:inherit}.webkit-line-clamp-\[--sw-webkit-line-clamp\]{-webkit-line-clamp:var(--sw-webkit-line-clamp)}.webkit-text-\[--spr-text-02\]{-webkit-text-fill-color:var(--spr-text-02,#434350)}.webkit-text-transparent{-webkit-text-fill-color:transparent}.webkit-tap-highlight-transparent{-webkit-tap-highlight-color:transparent}.mx-\[--sw-margin-inline\]{-webkit-margin-start:var(--sw-margin-inline);margin-inline-start:var(--sw-margin-inline);-webkit-margin-end:var(--sw-margin-inline);margin-inline-end:var(--sw-margin-inline)}.my-\[--sw-margin-block\]{-webkit-margin-before:var(--sw-margin-block);margin-block-start:var(--sw-margin-block);-webkit-margin-after:var(--sw-margin-block);margin-block-end:var(--sw-margin-block)}.ml-\[--sw-margin-inline-start\]{margin-inline-start:var(--sw-margin-inline-start)}.mr-\[--sw-margin-inline-end\]{margin-inline-end:var(--sw-margin-inline-end)}.mt-\[--sw-margin-block-start\]{margin-block-start:var(--sw-margin-block-start)}.mb-\[--sw-margin-block-end\]{margin-block-end:var(--sw-margin-block-end)}.ml-\[--sw-margin-left\]{margin-left:var(--sw-margin-left)}.mr-\[--sw-margin-right\]{margin-right:var(--sw-margin-right)}.background-none{background:0 0}.caret-transparent{caret-color:transparent}.spr-ui-focus-disabled{background-color:rgba(var(--spr-ui-focus),.5)}.spr-support-error-disabled{background-color:rgba(var(--spr-support-error),.5)}.spr-support-success-disabled{background-color:rgba(var(--spr-support-success),.5)}.spr-support-warning-disabled{background-color:rgba(var(--spr-support-warning),.5)}.disabled\:spr-clr-blue-highlight:disabled{background-color:var(--spr-clr-blue-highlight,#e8f0fe)}.active\:spr-clr-blue-highlight:active{background-color:var(--spr-clr-blue-highlight,#e8f0fe)}.border-spr-field{border-color:var(--spr-field,#dbdbdb)}.border-b-\[--borderWidth-default\]{border-block-end-width:var(--borderWidth-default,1px)}.border-b-\[--sw-border-bottom-color\]{border-bottom-color:var(--sw-border-bottom-color)}.border-t-\[--sw-border-top-color\]{border-top-color:var(--sw-border-top-color)}.border-l-\[--sw-border-left-color\]{border-left-color:var(--sw-border-left-color)}.border-r-\[--sw-border-right-color\]{border-right-color:var(--sw-border-right-color)}.delay-\[--sw-delay\]{animation-delay:var(--sw-delay)}.stroke-width-\[--sw-stroke-width\]{stroke-width:var(--sw-stroke-width)}.stroke-\[--sw-stroke\]{stroke:var(--sw-stroke)}.color-\[--sw-color\]{color:var(--sw-color)}.hover\:color-\[--sw-color-hover\]:hover{color:var(--sw-color-hover)}.focus\:color-\[--sw-color-focus\]:focus{color:var(--sw-color-focus)}.focus-within\:color-\[--sw-color-focus-within\]:focus-within{color:var(--sw-color-focus-within)}.active\:color-\[--sw-color-active\]:active{color:var(--sw-color-active)}.text-inherit{color:inherit}.background-inherit{background:inherit}.clip-0{clip:rect(0,0,0,0)}.word-spacing-normal{word-spacing:normal}.ml-\[--sw-stack-margin-left\]{margin-inline-start:var(--sw-stack-margin-left)}.mt-\[--sw-stack-margin-top\]{margin-block-start:var(--sw-stack-margin-top)}.ml-\[--sw-stack-item-margin-left\]{margin-inline-start:var(--sw-stack-item-margin-left)}.mt-\[--sw-stack-item-margin-top\]{margin-block-start:var(--sw-stack-item-margin-top)}.sw-transparent-scrollbar::-webkit-scrollbar{background-color:transparent}.left-\[--sw-left-directional\]{left:var(--sw-left-directional)}.duration-\[--sw-duration\]{transition-duration:var(--sw-duration)}.border-\[--sw-border-color\]{border-color:var(--sw-border-color)}.border-t-\[--sw-border-t-color\]{border-block-start-color:var(--sw-border-t-color)}.border-b-\[--sw-border-b-color\]{border-block-end-color:var(--sw-border-b-color)}.border-l-\[--sw-border-l-color\]{border-inline-start-color:var(--sw-border-l-color)}.border-r-\[--sw-border-r-color\]{border-inline-end-color:var(--sw-border-r-color)}.hover\:border-\[--sw-border-color-hover\]:hover{border-color:var(--sw-border-color-hover)}.focus\:border-\[--sw-border-color-focus\]:focus{border-color:var(--sw-border-color-focus)}.active\:border-transparent:active{border-color:transparent}.timing-function-\[--sw-timing-function\]{transition-timing-function:var(--sw-timing-function)}.duration-\[--sw-duration\]{transition-duration:var(--sw-duration)}.sw-transparent-scrollbar-thumb::-webkit-scrollbar-thumb{background-color:var(--spr-ui-03);border-radius:8px;border-width:4px;border-style:solid;border-color:transparent;background-clip:padding-box}.sw-ai-textarea-scrollbar::-webkit-scrollbar{width:20px;background-color:transparent}.sw-ai-textarea-scrollbar-thumb::-webkit-scrollbar-thumb{background-color:var(--spr-ui-03);border-radius:50rem;border-width:8px;border-style:solid;border-color:transparent;background-clip:padding-box}.translate-y-\[--sw-translate-y\]{transform:translateY(var(--sw-translate-y))}.min-w-\[--sw-min-width\]{min-width:var(--sw-min-width)}.sw-input-number{-moz-appearance:textfield}.sw-input-number::-webkit-inner-spin-button{-webkit-appearance:none}.sw-input-number::-webkit-outer-spin-button{-webkit-appearance:none}.before\:content-none::before{content:none}.hover\:before\:content-empty:hover::before{--tw-content:'';content:var(--tw-content)}.hover\:after\:content-empty:hover::after{--tw-content:'';content:var(--tw-content)}.active\:before\:content-empty:active::before{--tw-content:'';content:var(--tw-content)}.active\:before\:content-none:active::before{--tw-content:none;content:var(--tw-content)}.active\:after\:content-empty:active::after{--tw-content:'';content:var(--tw-content)}.active\:after\:content-none:active::after{--tw-content:none;content:var(--tw-content)}.before\:top-\[--sw-before-top\]::before{inset-block-start:var(--sw-before-top)}.before\:bottom-\[--sw-before-bottom\]::before{inset-block-end:var(--sw-before-bottom)}.before\:left-\[--sw-before-left\]::before{inset-inline-start:var(--sw-before-left)}.before\:right-\[--sw-before-right\]::before{inset-inline-end:var(--sw-before-right)}.before\:h-\[--sw-before-height\]::before{height:var(--sw-before-height)}.before\:w-\[--sw-before-width\]::before{width:var(--sw-before-width)}.active\:shadow-none:active{box-shadow:none}.shadow-\[--sw-shadow\]{box-shadow:var(--sw-shadow)}.hover\:shadow-\[--sw-shadow-hover\]:hover{box-shadow:var(--sw-shadow-hover)}.focus\:shadow-\[--sw-shadow-focus\]:focus{box-shadow:var(--sw-shadow-focus)}.text-\[--sw-font-size\]{font-size:var(--sw-font-size)}@keyframes popover-hover{0%{pointer-events:none}99%{pointer-events:none}100%{pointer-events:auto}}.sw-popover-hover-animation{animation-name:popover-hover;animation-duration:.1s}.transform-none{transform:none}.transition-\[transform-opacity\]{transition-property:transform,opacity}.transition-\[opacity\]{transition-property:opacity}.text-\[85\%\]{font-size:85%}.top-\[--sw-top\]{top:var(--sw-top)}.right-\[--sw-right\]{inset-inline-end:var(--sw-right)}.ai-border-01{background:var(--sw-ai-border-01-gradient);border-color:transparent}.hover\:sw-btn-tertiary-hover:hover,.sw-btn-tertiary-hover{background-color:var(--sw-btn-tertiary-hover)}.disabled\:sw-btn-tertiary-text:disabled,.sw-btn-tertiary-text{color:var(--sw-btn-tertiary-text)}.active\:sw-btn-tertiary-active:active,.sw-btn-tertiary-active{background-color:var(--sw-btn-tertiary-active)}.disabled\:sw-btn-bg-error:disabled,.sw-btn-bg-error{background-color:#dc2625}.disabled\:sw-btn-border-error:disabled,.sw-btn-border-error{border-color:#dc2625}.hover\:sw-btn-bg-error-hover:hover,.sw-btn-bg-error-hover{background-color:#b91c1b}.hover\:sw-btn-border-error-hover:hover,.sw-btn-border-error-hover{border-color:#b91c1b}.active\:sw-btn-bg-error-active:active,.sw-btn-bg-error-active{background-color:#991b1b}.active\:sw-btn-border-error-active:active,.sw-btn-border-error-active{border-color:#991b1b}.ai-border-gradient{background:var(--sw-ai-border-gradient);border-color:transparent}.outline-hidden{outline-style:hidden}.after\:outline-color-\[--sw-outline-color\]::after{outline-color:var(--sw-outline-color)}.after\:outline-2::after{outline-width:2px}.after\:-outline-offset-2::after{outline-offset:-2px}.after\:outline::after{outline-style:solid}@keyframes spinner-loader-animation{10%{opacity:.125}100%{opacity:1}}@keyframes clip-loader-animation{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}100%{transform:rotate(360deg) scale(1)}}@keyframes beat-loader-animation{50%{transform:scale(.75);opacity:.2}100%{transform:scale(1);opacity:1}}@keyframes button-loader-animation{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1)}100%{transform:rotate(360deg) scale(1)}}@keyframes select-value-tombstone-animation{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.sw-select-value-tombstone-animation{animation-name:select-value-tombstone-animation;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.sw-button-loader-animation{animation-name:button-loader-animation}.sw-spinner-loader-animation{animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:step-start;animation-name:spinner-loader-animation}.sw-clip-loader-animation{animation-duration:.75s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:clip-loader-animation}.sw-beat-loader-animation{animation-duration:.7s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both;animation-name:beat-loader-animation}.pointer-events-all{pointer-events:all}@keyframes ai-animated-gradient-border-animation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.sw-ai-deprecated-animated-gradient-border:hover{position:relative;z-index:0}.sw-ai-deprecated-animated-gradient-border:hover::before{background:var(--ai-ui-01);position:absolute;background-size:var(--sw-ai-animated-background-size,auto);z-index:-1;width:calc(100% + 2px);height:calc(100% + 2px);filter:blur(3px);animation-duration:1s;animation-iteration-count:infinite;animation-name:ai-animated-gradient-border-animation;animation-play-state:var(--sw-animation-play-state);border-radius:var(--sw-before-border-radius);inset-inline-start:var(--sw-before-left)}.sw-ai-deprecated-animated-gradient-border:hover::after{z-index:-1;top:0;inset-inline-start:0;position:absolute;background:var(--spr-ui-01);width:100%;height:100%;border-radius:var(--sw-after-border-radius)}.sw-ai-active-background:active{background:var(--ai-ui-02) padding-box,var(--ai-ui-01) border-box}.sw-ai-active-background:hover:active{background:var(--ai-ui-02) padding-box,var(--ai-ui-01) border-box}.focus-within\:spr-clr-magenta-border:focus-within{border-color:var(--spr-clr-magenta-border,#cb1cce)}.sw-ai-button-background{background:var(--sw-ai-button-background)}.hover\:sw-ai-button-background:hover{background:var(--sw-ai-button-hover-background)}.sw-ai-button-background:disabled{background:var(--sw-ai-button-background)}.sw-ai-button-selected-background{background:var(--ai-ui-02) padding-box,var(--ai-ui-01) border-box}.touch-none{touch-action:none}.overscroll-contain{overscroll-behavior:contain}@media (min-width:640px){.sm\:grid-cols-\[--sw-grid-cols\]{grid-template-columns:repeat(var(--sw-sm-grid-cols),minmax(0,1fr))}.sm\:grid-rows-\[--sw-grid-rows\]{grid-template-rows:repeat(var(--sw-sm-grid-rows),minmax(0,1fr))}.sm\:gap-x-\[--sw-gap-x\]{grid-column-gap:var(--sw-sm-gap-x);column-gap:var(--sw-sm-gap-x)}.sm\:gap-y-\[--sw-gap-y\]{grid-row-gap:var(--sw-sm-gap-y);row-gap:var(--sw-sm-gap-y)}.sm\:col-start-\[--sw-col-start\]{grid-column-start:var(--sw-sm-col-start)}.sm\:col-end-\[--sw-col-end\]{grid-column-end:var(--sw-sm-col-end)}.sm\:row-start-\[--sw-row-start\]{grid-row-start:var(--sw-sm-row-start)}.sm\:row-end-\[--sw-row-end\]{grid-row-end:var(--sw-sm-row-end)}.sm\:ml-\[--sw-stack-margin-left\]{margin-inline-start:var(--sw-sm-stack-margin-left)}.sm\:mt-\[--sw-stack-margin-top\]{margin-block-start:var(--sw-sm-stack-margin-top)}.sm\:ml-\[--sw-stack-item-margin-left\]{margin-inline-start:var(--sw-sm-stack-item-margin-left)}.sm\:mt-\[--sw-stack-item-margin-top\]{margin-block-start:var(--sw-sm-stack-item-margin-top)}}@media (min-width:768px){.md\:grid-cols-\[--sw-grid-cols\]{grid-template-columns:repeat(var(--sw-md-grid-cols),minmax(0,1fr))}.md\:grid-rows-\[--sw-grid-rows\]{grid-template-rows:repeat(var(--sw-md-grid-rows),minmax(0,1fr))}.md\:gap-x-\[--sw-gap-x\]{grid-column-gap:var(--sw-md-gap-x);column-gap:var(--sw-md-gap-x)}.md\:gap-y-\[--sw-gap-y\]{grid-row-gap:var(--sw-md-gap-y);row-gap:var(--sw-md-gap-y)}.md\:col-start-\[--sw-col-start\]{grid-column-start:var(--sw-md-col-start)}.md\:col-end-\[--sw-col-end\]{grid-column-end:var(--sw-md-col-end)}.md\:row-start-\[--sw-row-start\]{grid-row-start:var(--sw-md-row-start)}.md\:row-end-\[--sw-row-end\]{grid-row-end:var(--sw-md-row-end)}.md\:ml-\[--sw-stack-margin-left\]{margin-inline-start:var(--sw-md-stack-margin-left)}.md\:mt-\[--sw-stack-margin-top\]{margin-block-start:var(--sw-md-stack-margin-top)}.md\:ml-\[--sw-stack-item-margin-left\]{margin-inline-start:var(--sw-md-stack-item-margin-left)}.md\:mt-\[--sw-stack-item-margin-top\]{margin-block-start:var(--sw-md-stack-item-margin-top)}}@media (min-width:1024px){.lg\:grid-cols-\[--sw-grid-cols\]{grid-template-columns:repeat(var(--sw-lg-grid-cols),minmax(0,1fr))}.lg\:grid-rows-\[--sw-grid-rows\]{grid-template-rows:repeat(var(--sw-lg-grid-rows),minmax(0,1fr))}.lg\:gap-x-\[--sw-gap-x\]{grid-column-gap:var(--sw-lg-gap-x);column-gap:var(--sw-lg-gap-x)}.lg\:gap-y-\[--sw-gap-y\]{grid-row-gap:var(--sw-lg-gap-y);row-gap:var(--sw-lg-gap-y)}.lg\:col-start-\[--sw-col-start\]{grid-column-start:var(--sw-lg-col-start)}.lg\:col-end-\[--sw-col-end\]{grid-column-end:var(--sw-lg-col-end)}.lg\:row-start-\[--sw-row-start\]{grid-row-start:var(--sw-lg-row-start)}.lg\:row-end-\[--sw-row-end\]{grid-row-end:var(--sw-lg-row-end)}.lg\:ml-\[--sw-stack-margin-left\]{margin-inline-start:var(--sw-lg-stack-margin-left)}.lg\:mt-\[--sw-stack-margin-top\]{margin-block-start:var(--sw-lg-stack-margin-top)}.lg\:ml-\[--sw-stack-item-margin-left\]{margin-inline-start:var(--sw-lg-stack-item-margin-left)}.lg\:mt-\[--sw-stack-item-margin-top\]{margin-block-start:var(--sw-lg-stack-item-margin-top)}}@media (min-width:1280px){.xl\:grid-cols-\[--sw-grid-cols\]{grid-template-columns:repeat(var(--sw-xl-grid-cols),minmax(0,1fr))}.xl\:grid-rows-\[--sw-grid-rows\]{grid-template-rows:repeat(var(--sw-xl-grid-rows),minmax(0,1fr))}.xl\:gap-x-\[--sw-gap-x\]{grid-column-gap:var(--sw-xl-gap-x);column-gap:var(--sw-xl-gap-x)}.xl\:gap-y-\[--sw-gap-y\]{grid-row-gap:var(--sw-xl-gap-y);row-gap:var(--sw-xl-gap-y)}.xl\:col-start-\[--sw-col-start\]{grid-column-start:var(--sw-xl-col-start)}.xl\:col-end-\[--sw-col-end\]{grid-column-end:var(--sw-xl-col-end)}.xl\:row-start-\[--sw-row-start\]{grid-row-start:var(--sw-xl-row-start)}.xl\:row-end-\[--sw-row-end\]{grid-row-end:var(--sw-xl-row-end)}.x\:ml-\[--sw-stack-margin-left\]{margin-inline-start:var(--sw-xl-stack-margin-left)}.xl\:mt-\[--sw-stack-margin-top\]{margin-block-start:var(--sw-xl-stack-margin-top)}.xl\:ml-\[--sw-stack-item-margin-left\]{margin-inline-start:var(--sw-xl-stack-item-margin-left)}.xl\:mt-\[--sw-stack-item-margin-top\]{margin-block-start:var(--sw-xl-stack-item-margin-top)}}

package/styles/breakpoints.scss

@@ -0,0 +1,34 @@
+$breakpoint-sm: 640px;
+$breakpoint-md: 768px;
+$breakpoint-lg: 1024px;
+$breakpoint-xl: 1280px;
+
+@mixin respond($breakpoint) {
+  @media (min-width: $breakpoint) {
+    @content;
+  }
+}
+
+@mixin respond-sm {
+  @include respond($breakpoint-sm) {
+    @content;
+  }
+}
+
+@mixin respond-md {
+  @include respond($breakpoint-md) {
+    @content;
+  }
+}
+
+@mixin respond-lg {
+  @include respond($breakpoint-lg) {
+    @content;
+  }
+}
+
+@mixin respond-xl {
+  @include respond($breakpoint-xl) {
+    @content;
+  }
+}

package/styles/normalize.css

@@ -9,36 +9,56 @@
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
-  border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */
 }
 
 /*
 1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
+2. Prevent adjustments of font size after orientation changes in iOS and IE.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Remove the grey highlight on links in iOS
 */
 
+/*
+1. Remove the margin and padding in all browsers.
+*/
+html,
+body {
+  padding: 0px;
+  margin: 0px;
+  /*
+   * If we don't provide an empty string as the default value, the browser will ignore the font-family rule
+   * when the CSS variable (--sw-font-family) is not defined.
+   *
+   * We are not using $base-font-family as the default value of the CSS variable (--sw-font-family) because:
+   * - If --sw-font-family contains an invalid value or the browser fails to load the font,
+   *   we want to fall back to the standard fonts.
+  */
+  font-family: var(--sw-font-family, ''), Twemoji Country Flags, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  height: 100%;
+}
+
 html {
   line-height: 1.5; /* 1 */
+  text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
   -moz-tab-size: 4; /* 3 */
   tab-size: 4; /* 3 */
-  font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, -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"); /* 4 */
+  -webkit-tap-highlight-color: transparent; /* 5 */
+  font-size: 62.5%;
 }
 
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
 body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: var(--spr-text-01);
+  font-size: 1rem;
 }
 
 /*
-1. Add the correct height in Firefox.
+1. Add the correct height in Firefox and address the box-sizing issue.
 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 3. Ensure horizontal rules are visible by default.
 */
@@ -46,7 +66,7 @@ body {
 hr {
   height: 0; /* 1 */
   color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
+  border-block-start-width: 1px; /* 3 */
 }
 
 /*
@@ -58,21 +78,8 @@ abbr:where([title]) {
 }
 
 /*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
+1. Reset links to optimize for opt-in styling instead of opt-out.
+2. Improve readability of focused elements when they are also in an active/hover state.
 */
 
 a {
@@ -80,6 +87,11 @@ a {
   text-decoration: inherit;
 }
 
+a:active,
+a:hover {
+  outline: 0;
+}
+
 /*
 Add the correct font weight in Edge and Safari.
 */
@@ -98,10 +110,18 @@ code,
 kbd,
 samp,
 pre {
-  font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
+  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; /* 1 */
   font-size: 1em; /* 2 */
 }
 
+/*
+Contain overflow in all browsers.
+*/
+
+pre {
+  overflow: auto;
+}
+
 /*
 Add the correct font size in all browsers.
 */
@@ -131,21 +151,26 @@ sup {
 }
 
 /*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
+1. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+2. Remove gaps between table borders by default.
 */
 
 table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
+  border-color: inherit; /* 1 */
+  border-spacing: 0; /* 2 */
+  border-collapse: collapse; /* 2 */
+}
+
+td,
+th {
+  padding: 0;
 }
 
 /*
 1. Change the font styles in all browsers.
 2. Remove the margin in Firefox and Safari.
 3. Remove default padding in all browsers.
+4. iOS adds rounded borders by default
 */
 
 button,
@@ -160,6 +185,16 @@ textarea {
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */
+  border-radius: 0; /* 4 */
+}
+
+/*
+ Don't inherit the `font-weight` (applied by a rule above).
+ NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+*/
+
+optgroup {
+  font-weight: bold;
 }
 
 /*
@@ -171,22 +206,57 @@ select {
   text-transform: none;
 }
 
+/*
+1. Undo Normalize's default here to match our global overrides.
+2. This overrides the extra rounded corners on search inputs in iOS so that our
+ `.form-control` class can properly style them. Note that this cannot simply
+ be added to `.form-control` as it's not specific enough. For details, see
+ https://github.com/twbs/bootstrap/issues/11586.
+*/
+
+input[type='search'] {
+  box-sizing: inherit; /* 1 */
+  -webkit-appearance: none; /* 2 */
+}
+
+/*
+ Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ Safari (but not Chrome) clips the cancel button when the search input has
+ padding (and `textfield` appearance).
+
+ @see https://www.codestudy.net/blog/how-do-i-remove-all-default-webkit-search-field-styling/#step-5-hide-the-cancel-button
+*/
+
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+  display: none;
+}
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Remove default button styles.
 */
 
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+:where(button, [type='button'], [type='reset'], [type='submit']) {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
 }
 
+/*
+Remove inner padding and border in Firefox 4+.
+*/
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
 /*
 Use the modern Firefox focus style for all focusable elements.
+Restore the focus styles unset by the previous rule.
 */
 
 :-moz-focusring {
@@ -201,13 +271,6 @@ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/
   box-shadow: none;
 }
 
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-
 /*
 Correct the cursor style of increment and decrement buttons in Safari.
 */
@@ -222,7 +285,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
 2. Correct the outline style in Safari.
 */
 
-[type='search'] {
+:where([type='search']) {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -235,6 +298,16 @@ Remove the inner padding in Chrome and Safari on macOS.
   -webkit-appearance: none;
 }
 
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Change font properties to `inherit` in Safari.
@@ -273,29 +346,43 @@ pre {
   margin: 0;
 }
 
+/*
+Define consistent border, margin, and padding.
+Chrome and Firefox set a `min-width: min-content;` on fieldset,
+*/
+
 fieldset {
+  min-width: 0;
   margin: 0;
   padding: 0;
+  border: 0;
 }
 
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
 legend {
-  padding: 0;
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
 }
 
 ol,
 ul,
+dl,
 menu {
-  list-style: none;
   margin: 0;
-  padding: 0;
 }
 
 /*
-Prevent resizing textareas horizontally by default.
+1. Prevent resizing textareas horizontally by default.
+2 .Remove default vertical scrollbar in IE 8/9/10/11.
+3. user should not be able to resize the text-area
 */
 
 textarea {
-  resize: vertical;
+  overflow: auto; /* 2 */
+  resize: none; /* 3 */
 }
 
 /*
@@ -306,7 +393,7 @@ textarea {
 input::placeholder,
 textarea::placeholder {
   opacity: 1; /* 1 */
-  color: theme('colors.gray.400', #9ca3af); /* 2 */
+  color: var(--spr-text-placeholder); /* 2 */
 }
 
 /*
@@ -314,20 +401,20 @@ Set the default cursor for buttons.
 */
 
 button,
-[role="button"] {
+[role='button'] {
   cursor: pointer;
 }
 
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
-:disabled {
+
+:where(:disabled) {
   cursor: default;
 }
 
 /*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+1. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
 */
 
@@ -336,27 +423,221 @@ video,
 canvas,
 audio,
 iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
+embed {
+  vertical-align: middle; /* 1 */
+}
+
+progress {
+  display: inline-block;
+  vertical-align: baseline;
 }
 
 /*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+ Prevent modern browsers from displaying `audio` without controls.
+ Remove excess height in iOS 5 devices.
 */
 
-img,
-video {
-  max-width: 100%;
-  height: auto;
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/*
+ Address `[hidden]` styling not present in IE 8/9/10.
+ Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+*/
+
+[hidden],
+template {
+  display: none;
+}
+
+/**
+ * Remove the border on iframes in all browsers.
+*/
+
+iframe {
+  border-style: none;
 }
 
-/* by default, `-webkit-user-select: none` gets added in input[draggable="true"] for Safari. 
-  Need to give it specifically webkit-user-select: text; for Safari   
-  Ref: https://stackoverflow.com/questions/32192686/cannot-type-in-password-field-with-draggable-true-in-safari  
+/* by default, `-webkit-user-select: none` gets added in input[draggable="true"] for Safari.
+  Need to give it specifically webkit-user-select: text; for Safari
+  Ref: https://stackoverflow.com/questions/32192686/cannot-type-in-password-field-with-draggable-true-in-safari
 */
+
 input[draggable='true'] {
   -webkit-user-select: text;
   user-select: text;
-}
+}
+
+/* globals.css  */
+
+*:focus {
+  outline: none;
+}
+
+*:focus-visible {
+  outline-style: solid;
+  outline-color: var(--spr-focus-01);
+}
+
+a {
+  color: var(--spr-link);
+  text-decoration: none;
+}
+
+a:active,
+a:hover {
+  text-decoration: underline;
+}
+
+a:not([data-spaceweb="button"]):focus {
+  outline: -webkit-focus-ring-color 2px solid;
+  outline-offset: 1px;
+  border-radius: 2px;
+}
+
+/* color values can be replace with var(--spr-ui-06)  */
+
+blockquote {
+  margin: 0 0 1rem;
+  padding-inline: 1rem 0;
+  border-inline-start: 0.25rem solid #eceeef;
+}
+
+/* Hyperspace h1-h6 */
+
+h1 {
+  font-size: 4.2rem;
+  line-height: 4.8rem;
+  font-weight: 600;
+}
+
+h2 {
+  font-size: 2.4rem;
+  line-height: 2.9rem;
+  font-weight: 600;
+}
+
+h3 {
+  font-size: 2rem;
+  line-height: 2.6rem;
+  font-weight: 600;
+}
+
+h4 {
+  font-size: 1.6rem;
+  line-height: 2.4rem;
+  font-weight: 600;
+}
+
+h5 {
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  font-weight: 600;
+}
+
+h6 {
+  font-size: 1.4rem;
+  line-height: 2rem;
+  font-weight: 600;
+}
+
+/*
+1. Remove browser default top margin
+2. Reset browser default of `1em` to use `rem`s
+*/
+
+pre {
+  margin-block-start: 0; /* 1 */
+  margin-block-end: 1rem; /* 2 */
+  color: var(--spr-text-02);
+  line-height: 1.5;
+  padding: 1.2rem;
+  white-space: pre-wrap;
+  border-radius: 0.4rem;
+  font-size: 90%;
+}
+
+pre code {
+  background-color: transparent;
+}
+
+/* Figures */
+
+/*
+  Normalize adds `margin` to `figure`s as browsers apply it inconsistently.
+  We reset that to create a better flow in-page.
+*/
+
+figure {
+  margin: 0 0 1rem;
+}
+
+/*
+Tables
+Reset for nesting within parents with `background-color`.
+*/
+
+table {
+  background-color: transparent;
+}
+
+/* Centered by default, but left-align-ed to match the `td`s below. */
+
+th {
+  text-align: start;
+}
+
+caption {
+  padding-block: 0.75rem;
+  color: var(--spr-border-04);
+  text-align: start;
+  caption-side: bottom;
+}
+
+/*
+ inline-block is kept to not break any thing from app-client
+*/
+
+label {
+  display: inline-block;
+}
+
+/* Reset the entire legend element to match the `fieldset` */
+
+legend {
+  display: block;
+  width: 100%;
+  margin-block-end: 0.5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+}
+
+/*
+ * 1. Remove animations when motion is reduced (opinionated).
+ * 2. Remove fixed background attachments when motion is reduced (opinionated).
+ * 3. Remove timed scrolling behaviors when motion is reduced (opinionated).
+ * 4. Remove transitions when motion is reduced (opinionated).
+ */
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  ::before,
+  ::after {
+    animation-delay: -1ms !important; /* 1 */
+    animation-duration: 1ms !important; /* 1 */
+    animation-iteration-count: 1 !important; /* 1 */
+    background-attachment: initial !important; /* 2 */
+    scroll-behavior: auto !important; /* 3 */
+    transition-delay: 0s !important; /* 4 */
+    transition-duration: 0s !important; /* 4 */
+  }
+}
+
+@media (forced-colors: active) {
+  svg {
+    fill: currentColor !important;
+    color: inherit !important;
+  }
+}

package/styles/normalize.min.css

@@ -1 +1 @@
-*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme('borderColor.DEFAULT', currentColor)}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme('fontFamily.sans', ui-sans-serif, system-ui, -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")}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme('colors.gray.4', #9ca3af)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}input[draggable=true]{-webkit-user-select:text;user-select:text}
+*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid}body,html{padding:0;margin:0;font-family:var(--sw-font-family, ''),Twemoji Country Flags,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%}html{line-height:1.5;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;font-size:62.5%}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--spr-text-01);font-size:1rem}hr{height:0;color:inherit;border-block-start-width:1px}abbr:where([title]){text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}a:active,a:hover{outline:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;font-size:1em}pre{overflow:auto}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;border-spacing:0;border-collapse:collapse}td,th{padding:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border-radius:0}optgroup{font-weight:700}button,select{text-transform:none}input[type=search]{box-sizing:inherit;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}:where(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{min-width:0;margin:0;padding:0;border:0}legend{border:0;padding:0}dl,menu,ol,ul{margin:0}textarea{overflow:auto;resize:none}input::placeholder,textarea::placeholder{opacity:1;color:var(--spr-text-placeholder)}[role=button],button{cursor:pointer}:where(:disabled){cursor:default}audio,canvas,embed,iframe,img,video{vertical-align:middle}progress{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}iframe{border-style:none}input[draggable=true]{-webkit-user-select:text;user-select:text}:focus{outline:0}:focus-visible{outline-style:solid;outline-color:var(--spr-focus-01)}a{color:var(--spr-link);text-decoration:none}a:active,a:hover{text-decoration:underline}a:not([data-spaceweb=button]):focus{outline:-webkit-focus-ring-color 2px solid;outline-offset:1px;border-radius:2px}blockquote{margin:0 0 1rem;padding-inline:1rem 0;border-inline-start:.25rem solid #eceeef}h1{font-size:4.2rem;line-height:4.8rem;font-weight:600}h2{font-size:2.4rem;line-height:2.9rem;font-weight:600}h3{font-size:2rem;line-height:2.6rem;font-weight:600}h4{font-size:1.6rem;line-height:2.4rem;font-weight:600}h5{font-size:1.6rem;line-height:2.2rem;font-weight:600}h6{font-size:1.4rem;line-height:2rem;font-weight:600}pre{margin-block-start:0;margin-block-end:1rem;color:var(--spr-text-02);line-height:1.5;padding:1.2rem;white-space:pre-wrap;border-radius:.4rem;font-size:90%}pre code{background-color:transparent}figure{margin:0 0 1rem}table{background-color:transparent}th{text-align:start}caption{padding-block:.75rem;color:var(--spr-border-04);text-align:start;caption-side:bottom}label{display:inline-block}legend{display:block;width:100%;margin-block-end:.5rem;font-size:1.5rem;line-height:inherit}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@media (forced-colors:active){svg{fill:currentColor!important;color:inherit!important}}