@fluid-topics/ft-reader-feedback 1.1.19 → 1.1.20

package/build/ft-reader-feedback.css.d.ts

@@ -7,5 +7,6 @@ export declare const FtReaderFeedbackCssVariables: {
     emptyRatingColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
     mainTitleFontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
     sectionTitleFontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    starsBackgroundColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare const styles: import("lit").CSSResult;

package/build/ft-reader-feedback.css.js

@@ -12,6 +12,7 @@ export const FtReaderFeedbackCssVariables = {
     emptyRatingColor: FtCssVariableFactory.extend("--ft-reader-feedback-empty-rating-color", "", designSystemVariables.colorOnSurfaceMedium),
     mainTitleFontSize: FtCssVariableFactory.external(FtTypographyTitleCssVariables.fontSize, "Typography"),
     sectionTitleFontSize: FtCssVariableFactory.external(FtTypographyTitleDenseCssVariables.fontSize, "Typography"),
+    starsBackgroundColor: FtCssVariableFactory.create("--ft-reader-feedback-stars-background-color", "", "COLOR", designSystemVariables.colorSurface),
 };
 // language=CSS
 export const styles = css `
@@ -27,6 +28,7 @@ export const styles = css `
         flex-direction: row;
         align-items: center;
         margin-left: -6px;
+        ${setVariable(FtButtonCssVariables.backgroundColor, FtReaderFeedbackCssVariables.starsBackgroundColor)}
     }
 
     .ft-reader-feedback--rating, .ft-reader-feedback--feedback {
@@ -64,6 +66,5 @@ export const styles = css `
     .ft-reader-feedback--send-feedback, .ft-reader-feedback--feedback-link {
         align-self: flex-end;
         ${setVariable(FtButtonCssVariables.color, FtReaderFeedbackCssVariables.sendFeedbackColor)};
-        ${setVariable(FtButtonCssVariables.backgroundColor, FtReaderFeedbackCssVariables.sendFeedbackBackgroundColor)};
     }
 `;

package/build/ft-reader-feedback.light.js

@@ -468,7 +468,7 @@
             ${e.setVariable($t.size,It.iconSize)};
             ${e.setVariable($t.color,"var(--ft-button-internal-color)")};
         }
-    `,e.noTextSelect],Dt={textColor:e.FtCssVariableFactory.extend("--ft-switch-text-color","",e.designSystemVariables.colorOnSurfaceHigh),backgroundColor:e.FtCssVariableFactory.extend("--ft-switch-background-color","",e.designSystemVariables.colorSurface),selectedTextColor:e.FtCssVariableFactory.extend("--ft-switch-selected-text-color","",e.designSystemVariables.colorPrimary),selectedBackgroundColor:e.FtCssVariableFactory.extend("--ft-switch-selected-background-color","",e.designSystemVariables.colorPrimary),borderColor:e.FtCssVariableFactory.extend("--ft-switch-border-color","",e.designSystemVariables.colorOutline),borderRadius:e.FtCssVariableFactory.extend("--ft-switch-border-radius","",e.designSystemVariables.borderRadiusL),fontSize:e.FtCssVariableFactory.extend("--ft-switch-font-size","",dt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-switch-icon-size","","SIZE","24px"),iconColor:e.FtCssVariableFactory.extend("--ft-switch-text-color","",e.designSystemVariables.colorOnSurfaceMedium),rippleColor:e.FtCssVariableFactory.extend("--ft-switch-ripple-color","",e.designSystemVariables.colorPrimary),outlineColor:e.FtCssVariableFactory.extend("--ft-switch-outline-color","",e.designSystemVariables.colorPrimary)},At={feedbackInputMinWidth:e.FtCssVariableFactory.create("--ft-reader-feedback-input-min-width","","SIZE","300px"),ratedDateColor:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),sendFeedbackColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-send-feedback-color","",e.designSystemVariables.colorOnPrimary),sendFeedbackBackgroundColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-send-feedback-background-color","",e.designSystemVariables.colorPrimary),filledRatingColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-filled-rating-color","",e.designSystemVariables.colorPrimary),emptyRatingColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-empty-rating-color","",e.designSystemVariables.colorOnSurfaceMedium),mainTitleFontSize:e.FtCssVariableFactory.external(R.fontSize,"Typography"),sectionTitleFontSize:e.FtCssVariableFactory.external(U.fontSize,"Typography")},zt=o.css`
+    `,e.noTextSelect],Dt={textColor:e.FtCssVariableFactory.extend("--ft-switch-text-color","",e.designSystemVariables.colorOnSurfaceHigh),backgroundColor:e.FtCssVariableFactory.extend("--ft-switch-background-color","",e.designSystemVariables.colorSurface),selectedTextColor:e.FtCssVariableFactory.extend("--ft-switch-selected-text-color","",e.designSystemVariables.colorPrimary),selectedBackgroundColor:e.FtCssVariableFactory.extend("--ft-switch-selected-background-color","",e.designSystemVariables.colorPrimary),borderColor:e.FtCssVariableFactory.extend("--ft-switch-border-color","",e.designSystemVariables.colorOutline),borderRadius:e.FtCssVariableFactory.extend("--ft-switch-border-radius","",e.designSystemVariables.borderRadiusL),fontSize:e.FtCssVariableFactory.extend("--ft-switch-font-size","",dt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-switch-icon-size","","SIZE","24px"),iconColor:e.FtCssVariableFactory.extend("--ft-switch-text-color","",e.designSystemVariables.colorOnSurfaceMedium),rippleColor:e.FtCssVariableFactory.extend("--ft-switch-ripple-color","",e.designSystemVariables.colorPrimary),outlineColor:e.FtCssVariableFactory.extend("--ft-switch-outline-color","",e.designSystemVariables.colorPrimary)},At={feedbackInputMinWidth:e.FtCssVariableFactory.create("--ft-reader-feedback-input-min-width","","SIZE","300px"),ratedDateColor:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),sendFeedbackColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-send-feedback-color","",e.designSystemVariables.colorOnPrimary),sendFeedbackBackgroundColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-send-feedback-background-color","",e.designSystemVariables.colorPrimary),filledRatingColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-filled-rating-color","",e.designSystemVariables.colorPrimary),emptyRatingColor:e.FtCssVariableFactory.extend("--ft-reader-feedback-empty-rating-color","",e.designSystemVariables.colorOnSurfaceMedium),mainTitleFontSize:e.FtCssVariableFactory.external(R.fontSize,"Typography"),sectionTitleFontSize:e.FtCssVariableFactory.external(U.fontSize,"Typography"),starsBackgroundColor:e.FtCssVariableFactory.create("--ft-reader-feedback-stars-background-color","","COLOR",e.designSystemVariables.colorSurface)},zt=o.css`
     .ft-reader-feedback {
         box-sizing: border-box;
         display: flex;
@@ -481,6 +481,7 @@
         flex-direction: row;
         align-items: center;
         margin-left: -6px;
+        ${e.setVariable(It.backgroundColor,At.starsBackgroundColor)}
     }
 
     .ft-reader-feedback--rating, .ft-reader-feedback--feedback {
@@ -518,7 +519,6 @@
     .ft-reader-feedback--send-feedback, .ft-reader-feedback--feedback-link {
         align-self: flex-end;
         ${e.setVariable(It.color,At.sendFeedbackColor)};
-        ${e.setVariable(It.backgroundColor,At.sendFeedbackBackgroundColor)};
     }
 `
 /**

package/build/ft-reader-feedback.min.js

@@ -598,7 +598,7 @@ let Ce=class extends Zt{constructor(){super(...arguments),this.renderOptions={ho
             ${Ie(dn.size,bn.iconSize)};
             ${Ie(dn.color,"var(--ft-button-internal-color)")};
         }
-    `,Ge],Nn={textColor:Re.extend("--ft-switch-text-color","",Te.colorOnSurfaceHigh),backgroundColor:Re.extend("--ft-switch-background-color","",Te.colorSurface),selectedTextColor:Re.extend("--ft-switch-selected-text-color","",Te.colorPrimary),selectedBackgroundColor:Re.extend("--ft-switch-selected-background-color","",Te.colorPrimary),borderColor:Re.extend("--ft-switch-border-color","",Te.colorOutline),borderRadius:Re.extend("--ft-switch-border-radius","",Te.borderRadiusL),fontSize:Re.extend("--ft-switch-font-size","",Jr.fontSize),iconSize:Re.create("--ft-switch-icon-size","","SIZE","24px"),iconColor:Re.extend("--ft-switch-text-color","",Te.colorOnSurfaceMedium),rippleColor:Re.extend("--ft-switch-ripple-color","",Te.colorPrimary),outlineColor:Re.extend("--ft-switch-outline-color","",Te.colorPrimary)},Cn={feedbackInputMinWidth:Re.create("--ft-reader-feedback-input-min-width","","SIZE","300px"),ratedDateColor:Re.external(Te.colorOnSurfaceMedium,"Design system"),sendFeedbackColor:Re.extend("--ft-reader-feedback-send-feedback-color","",Te.colorOnPrimary),sendFeedbackBackgroundColor:Re.extend("--ft-reader-feedback-send-feedback-background-color","",Te.colorPrimary),filledRatingColor:Re.extend("--ft-reader-feedback-filled-rating-color","",Te.colorPrimary),emptyRatingColor:Re.extend("--ft-reader-feedback-empty-rating-color","",Te.colorOnSurfaceMedium),mainTitleFontSize:Re.external(vr.fontSize,"Typography"),sectionTitleFontSize:Re.external(mr.fontSize,"Typography")},En=Rt`
+    `,Ge],Nn={textColor:Re.extend("--ft-switch-text-color","",Te.colorOnSurfaceHigh),backgroundColor:Re.extend("--ft-switch-background-color","",Te.colorSurface),selectedTextColor:Re.extend("--ft-switch-selected-text-color","",Te.colorPrimary),selectedBackgroundColor:Re.extend("--ft-switch-selected-background-color","",Te.colorPrimary),borderColor:Re.extend("--ft-switch-border-color","",Te.colorOutline),borderRadius:Re.extend("--ft-switch-border-radius","",Te.borderRadiusL),fontSize:Re.extend("--ft-switch-font-size","",Jr.fontSize),iconSize:Re.create("--ft-switch-icon-size","","SIZE","24px"),iconColor:Re.extend("--ft-switch-text-color","",Te.colorOnSurfaceMedium),rippleColor:Re.extend("--ft-switch-ripple-color","",Te.colorPrimary),outlineColor:Re.extend("--ft-switch-outline-color","",Te.colorPrimary)},Cn={feedbackInputMinWidth:Re.create("--ft-reader-feedback-input-min-width","","SIZE","300px"),ratedDateColor:Re.external(Te.colorOnSurfaceMedium,"Design system"),sendFeedbackColor:Re.extend("--ft-reader-feedback-send-feedback-color","",Te.colorOnPrimary),sendFeedbackBackgroundColor:Re.extend("--ft-reader-feedback-send-feedback-background-color","",Te.colorPrimary),filledRatingColor:Re.extend("--ft-reader-feedback-filled-rating-color","",Te.colorPrimary),emptyRatingColor:Re.extend("--ft-reader-feedback-empty-rating-color","",Te.colorOnSurfaceMedium),mainTitleFontSize:Re.external(vr.fontSize,"Typography"),sectionTitleFontSize:Re.external(mr.fontSize,"Typography"),starsBackgroundColor:Re.create("--ft-reader-feedback-stars-background-color","","COLOR",Te.colorSurface)},En=Rt`
     .ft-reader-feedback {
         box-sizing: border-box;
         display: flex;
@@ -611,6 +611,7 @@ let Ce=class extends Zt{constructor(){super(...arguments),this.renderOptions={ho
         flex-direction: row;
         align-items: center;
         margin-left: -6px;
+        ${Ie(bn.backgroundColor,Cn.starsBackgroundColor)}
     }
 
     .ft-reader-feedback--rating, .ft-reader-feedback--feedback {
@@ -648,7 +649,6 @@ let Ce=class extends Zt{constructor(){super(...arguments),this.renderOptions={ho
     .ft-reader-feedback--send-feedback, .ft-reader-feedback--feedback-link {
         align-self: flex-end;
         ${Ie(bn.color,Cn.sendFeedbackColor)};
-        ${Ie(bn.backgroundColor,Cn.sendFeedbackBackgroundColor)};
     }
 `
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-reader-feedback",
-  "version": "1.1.19",
+  "version": "1.1.20",
   "description": "Feedback forms for a map and its topics in an integrated reader",
   "keywords": [
     "Lit"
@@ -19,13 +19,13 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-app-context": "1.1.19",
-    "@fluid-topics/ft-reader-context": "1.1.19",
-    "@fluid-topics/ft-wc-utils": "1.1.19",
+    "@fluid-topics/ft-app-context": "1.1.20",
+    "@fluid-topics/ft-reader-context": "1.1.20",
+    "@fluid-topics/ft-wc-utils": "1.1.20",
     "lit": "3.1.0"
   },
   "devDependencies": {
     "@fluid-topics/public-api": "1.0.55"
   },
-  "gitHead": "b272462216d04e50b2a31bfdb5e1b6f3a241ce9d"
+  "gitHead": "a2cc440052a86a43c1dcd0826c2cfffa642cdfe7"
 }