yattho_view_components 0.0.1 → 0.1.1

data/app/components/yattho/beta/subhead.css

@@ -1,54 +1 @@
-/* Subhead */
-
-.Subhead {
-  display: flex;
-  padding-bottom: var(--yattho-stack-padding-condensed, 8px);
-  margin-bottom: var(--yattho-stack-gap-normal, 16px);
-  border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);
-  flex-flow: row wrap;
-  justify-content: flex-end; /* Keep actions right aligned. */
-}
-
-/* Modifier class to give a lot of breathing room between sections of content. */
-
-.Subhead--spacious {
-  margin-top: var(--base-size-40, 40px);
-}
-
-/* <h2> sized heading with normal font weight */
-
-.Subhead-heading {
-  font-size: 24px;
-  font-weight: var(--base-text-weight-normal, 400);
-  flex: 1 1 auto;
-  order: 0;
-}
-
-/* Make the text bold and red for dangerous content */
-
-.Subhead-heading--danger {
-  font-weight: var(--base-text-weight-semibold, 600);
-  color: var(--color-danger-fg);
-}
-
-/* One-liner of supporting text */
-
-.Subhead-description {
-  font-size: var(--yattho-text-body-size-medium, 14px);
-  color: var(--color-fg-muted);
-  flex: 1 100%;
-  order: 2;
-}
-
-/* Add 1 or 2 buttons to the right of the heading */
-
-.Subhead-actions {
-  margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px) var(--base-size-4, 4px);
-  align-self: center;
-  justify-content: flex-end;
-  order: 1;
-}
-
-.Subhead-actions + .Subhead-description {
-    margin-top: var(--base-size-4, 4px);
-  }
+.Subhead{border-bottom:var(--yattho-borderWidth-thin,1px) solid var(--color-border-muted);display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--yattho-stack-gap-normal,16px);padding-bottom:var(--yattho-stack-padding-condensed,8px)}.Subhead--spacious{margin-top:var(--base-size-40,40px)}.Subhead-heading{flex:1 1 auto;font-size:24px;font-weight:var(--base-text-weight-normal,400);order:0}.Subhead-heading--danger{color:var(--color-danger-fg);font-weight:var(--base-text-weight-semibold,600)}.Subhead-description{color:var(--color-fg-muted);flex:1 100%;font-size:var(--yattho-text-body-size-medium,14px);order:2}.Subhead-actions{align-self:center;justify-content:flex-end;margin:var(--base-size-4,4px) 0 var(--base-size-4,4px) var(--base-size-4,4px);order:1}.Subhead-actions+.Subhead-description{margin-top:var(--base-size-4,4px)}

data/app/components/yattho/beta/subhead.css.json

@@ -1 +1 @@
-{"name":"beta/subhead","selectors":[".Subhead",".Subhead--spacious",".Subhead-heading",".Subhead-heading--danger",".Subhead-description",".Subhead-actions",".Subhead-actions + .Subhead-description"]}
+{"name":"beta/subhead","selectors":[".Subhead",".Subhead--spacious",".Subhead-heading",".Subhead-heading--danger",".Subhead-description",".Subhead-actions",".Subhead-actions+.Subhead-description"]}

data/app/components/yattho/beta/subhead.css.map

@@ -1 +1 @@
-{"version":3,"sources":["subhead.pcss"],"names":[],"mappings":"AAAA,YAAY;;AAEZ;EACE,aAAa;EACb,0DAA0D;EAC1D,mDAAmD;EACnD,kFAAkF;EAClF,mBAAmB;EACnB,yBAAyB,EAAE,gCAAgC;AAC7D;;AAEA,gFAAgF;;AAChF;EACE,qCAAqC;AACvC;;AAEA,+CAA+C;;AAC/C;EACE,eAAe;EACf,gDAAgD;EAChD,cAAc;EACd,QAAQ;AACV;;AAEA,qDAAqD;;AACrD;EACE,kDAAkD;EAClD,6BAA6B;AAC/B;;AAEA,iCAAiC;;AACjC;EACE,oDAAoD;EACpD,4BAA4B;EAC5B,YAAY;EACZ,QAAQ;AACV;;AAEA,mDAAmD;;AACnD;EACE,iFAAiF;EACjF,kBAAkB;EAClB,yBAAyB;EACzB,QAAQ;AAKV;;AAHE;IACE,mCAAmC;EACrC","file":"subhead.css","sourcesContent":["/* Subhead */\n\n.Subhead {\n  display: flex;\n  padding-bottom: var(--yattho-stack-padding-condensed, 8px);\n  margin-bottom: var(--yattho-stack-gap-normal, 16px);\n  border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n  flex-flow: row wrap;\n  justify-content: flex-end; /* Keep actions right aligned. */\n}\n\n/* Modifier class to give a lot of breathing room between sections of content. */\n.Subhead--spacious {\n  margin-top: var(--base-size-40, 40px);\n}\n\n/* <h2> sized heading with normal font weight */\n.Subhead-heading {\n  font-size: 24px;\n  font-weight: var(--base-text-weight-normal, 400);\n  flex: 1 1 auto;\n  order: 0;\n}\n\n/* Make the text bold and red for dangerous content */\n.Subhead-heading--danger {\n  font-weight: var(--base-text-weight-semibold, 600);\n  color: var(--color-danger-fg);\n}\n\n/* One-liner of supporting text */\n.Subhead-description {\n  font-size: var(--yattho-text-body-size-medium, 14px);\n  color: var(--color-fg-muted);\n  flex: 1 100%;\n  order: 2;\n}\n\n/* Add 1 or 2 buttons to the right of the heading */\n.Subhead-actions {\n  margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px) var(--base-size-4, 4px);\n  align-self: center;\n  justify-content: flex-end;\n  order: 1;\n\n  & + .Subhead-description {\n    margin-top: var(--base-size-4, 4px);\n  }\n}"]}
+{"version":3,"sources":["subhead.pcss"],"names":[],"mappings":"AAEA,SAIE,gFAAkF,CAHlF,YAAa,CAIb,kBAAmB,CACnB,wBAAyB,CAHzB,iDAAmD,CADnD,wDAKF,CAGA,mBACE,mCACF,CAGA,iBAGE,aAAc,CAFd,cAAe,CACf,8CAAgD,CAEhD,OACF,CAGA,yBAEE,4BAA6B,CAD7B,gDAEF,CAGA,qBAEE,2BAA4B,CAC5B,WAAY,CAFZ,kDAAoD,CAGpD,OACF,CAGA,iBAEE,iBAAkB,CAClB,wBAAyB,CAFzB,6EAAiF,CAGjF,OAKF,CAHE,sCACE,iCACF","file":"subhead.css","sourcesContent":["/* Subhead */\n\n.Subhead {\n  display: flex;\n  padding-bottom: var(--yattho-stack-padding-condensed, 8px);\n  margin-bottom: var(--yattho-stack-gap-normal, 16px);\n  border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n  flex-flow: row wrap;\n  justify-content: flex-end; /* Keep actions right aligned. */\n}\n\n/* Modifier class to give a lot of breathing room between sections of content. */\n.Subhead--spacious {\n  margin-top: var(--base-size-40, 40px);\n}\n\n/* <h2> sized heading with normal font weight */\n.Subhead-heading {\n  font-size: 24px;\n  font-weight: var(--base-text-weight-normal, 400);\n  flex: 1 1 auto;\n  order: 0;\n}\n\n/* Make the text bold and red for dangerous content */\n.Subhead-heading--danger {\n  font-weight: var(--base-text-weight-semibold, 600);\n  color: var(--color-danger-fg);\n}\n\n/* One-liner of supporting text */\n.Subhead-description {\n  font-size: var(--yattho-text-body-size-medium, 14px);\n  color: var(--color-fg-muted);\n  flex: 1 100%;\n  order: 2;\n}\n\n/* Add 1 or 2 buttons to the right of the heading */\n.Subhead-actions {\n  margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px) var(--base-size-4, 4px);\n  align-self: center;\n  justify-content: flex-end;\n  order: 1;\n\n  & + .Subhead-description {\n    margin-top: var(--base-size-4, 4px);\n  }\n}"]}

data/app/components/yattho/beta/timeline_item.css

@@ -1,95 +1 @@
-/* TimelineItem */
-
-.TimelineItem {
-  position: relative;
-  display: flex;
-  padding: var(--yattho-stack-padding-normal, 16px) 0;
-  margin-left: var(--yattho-stack-gap-normal, 16px);
-
-  /* The Timeline */
-}
-
-.TimelineItem::before {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-    width: var(--yattho-borderWidth-thick, 2px);
-    content: '';
-    background-color: var(--color-border-muted);
-  }
-
-.TimelineItem:target .TimelineItem-badge {
-    border-color: var(--color-accent-emphasis);
-    box-shadow: 0 0 0.2em var(--color-accent-muted);
-  }
-
-.TimelineItem-badge {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  width: var(--yattho-control-medium-size, 32px);
-  height: var(--yattho-control-medium-size, 32px);
-  margin-right: var(--yattho-controlStack-medium-gap-condensed, 8px);
-  margin-left: calc(var(--yattho-control-medium-size, 32px) / -2 + 1px);
-  color: var(--color-fg-muted);
-  align-items: center;
-  background-color: var(--color-timeline-badge-bg);
-  border: var(--yattho-borderWidth-thick, 2px) solid var(--color-canvas-default);
-  border-radius: 50%;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.TimelineItem-badge--success {
-  color: var(--color-fg-on-emphasis);
-  background-color: var(--color-success-emphasis);
-  border: var(--yattho-borderWidth-thin, 1px) solid transparent;
-}
-
-.TimelineItem-body {
-  min-width: 0;
-  max-width: 100%;
-  margin-top: var(--base-size-4, 4px);
-  color: var(--color-fg-muted);
-  flex: auto;
-}
-
-.TimelineItem-avatar {
-  position: absolute;
-  left: -72px;
-  z-index: 1;
-}
-
-.TimelineItem-break {
-  position: relative;
-  z-index: 1;
-  height: var(--yattho-stack-gap-spacious, 24px);
-  margin: 0;
-  margin-bottom: calc(var(--yattho-stack-gap-normal, 16px) * -1);
-  margin-left: -56px;
-  background-color: var(--color-canvas-default);
-  border: 0;
-  border-top: var(--yattho-borderWidth-thicker, 4px) solid var(--color-border-default);
-}
-
-.TimelineItem--condensed {
-  padding-top: var(--base-size-4, 4px);
-  padding-bottom: 0;
-
-  /* TimelineItem--condensed is often grouped. (commits) */
-}
-
-.TimelineItem--condensed:last-child {
-    padding-bottom: var(--yattho-stack-gap-normal, 16px);
-  }
-
-.TimelineItem--condensed .TimelineItem-badge {
-    height: var(--base-size-16, 16px);
-    margin-top: var(--base-size-8, 8px);
-    margin-bottom: var(--base-size-8, 8px);
-    color: var(--color-fg-muted);
-    background-color: var(--color-canvas-default);
-    border: 0;
-  }
+.TimelineItem{display:flex;margin-left:var(--yattho-stack-gap-normal,16px);padding:var(--yattho-stack-padding-normal,16px) 0;position:relative}.TimelineItem:before{background-color:var(--color-border-muted);bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:var(--yattho-borderWidth-thick,2px)}.TimelineItem:target .TimelineItem-badge{border-color:var(--color-accent-emphasis);box-shadow:0 0 .2em var(--color-accent-muted)}.TimelineItem-badge{align-items:center;background-color:var(--color-timeline-badge-bg);border:var(--yattho-borderWidth-thick,2px) solid var(--color-canvas-default);border-radius:50%;color:var(--color-fg-muted);display:flex;flex-shrink:0;height:var(--yattho-control-medium-size,32px);justify-content:center;margin-left:calc(var(--yattho-control-medium-size, 32px)/-2 + 1px);margin-right:var(--yattho-controlStack-medium-gap-condensed,8px);position:relative;width:var(--yattho-control-medium-size,32px);z-index:1}.TimelineItem-badge--success{background-color:var(--color-success-emphasis);border:var(--yattho-borderWidth-thin,1px) solid #0000;color:var(--color-fg-on-emphasis)}.TimelineItem-body{color:var(--color-fg-muted);flex:auto;margin-top:var(--base-size-4,4px);max-width:100%;min-width:0}.TimelineItem-avatar{left:-72px;position:absolute;z-index:1}.TimelineItem-break{background-color:var(--color-canvas-default);border:0;border-top:var(--yattho-borderWidth-thicker,4px) solid var(--color-border-default);height:var(--yattho-stack-gap-spacious,24px);margin:0;margin-bottom:calc(var(--yattho-stack-gap-normal, 16px)*-1);margin-left:-56px;position:relative;z-index:1}.TimelineItem--condensed{padding-bottom:0;padding-top:var(--base-size-4,4px)}.TimelineItem--condensed:last-child{padding-bottom:var(--yattho-stack-gap-normal,16px)}.TimelineItem--condensed .TimelineItem-badge{background-color:var(--color-canvas-default);border:0;color:var(--color-fg-muted);height:var(--base-size-16,16px);margin-bottom:var(--base-size-8,8px);margin-top:var(--base-size-8,8px)}

data/app/components/yattho/beta/timeline_item.css.json

@@ -1 +1 @@
-{"name":"beta/timeline_item","selectors":[".TimelineItem",".TimelineItem::before",".TimelineItem:target .TimelineItem-badge",".TimelineItem-badge",".TimelineItem-badge--success",".TimelineItem-body",".TimelineItem-avatar",".TimelineItem-break",".TimelineItem--condensed",".TimelineItem--condensed:last-child",".TimelineItem--condensed .TimelineItem-badge"]}
+{"name":"beta/timeline_item","selectors":[".TimelineItem",".TimelineItem:before",".TimelineItem:target .TimelineItem-badge",".TimelineItem-badge",".TimelineItem-badge--success",".TimelineItem-body",".TimelineItem-avatar",".TimelineItem-break",".TimelineItem--condensed",".TimelineItem--condensed:last-child",".TimelineItem--condensed .TimelineItem-badge"]}

data/app/components/yattho/beta/timeline_item.css.map

@@ -1 +1 @@
-{"version":3,"sources":["timeline_item.pcss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB;EACE,kBAAkB;EAClB,aAAa;EACb,mDAAmD;EACnD,iDAAiD;;EAEjD,iBAAiB;AAgBnB;;AAfE;IACE,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,OAAO;IACP,cAAc;IACd,2CAA2C;IAC3C,WAAW;IACX,2CAA2C;EAC7C;;AAEA;IACE,0CAA0C;IAC1C,+CAA+C;EACjD;;AAGF;EACE,kBAAkB;EAClB,UAAU;EACV,aAAa;EACb,8CAA8C;EAC9C,+CAA+C;EAC/C,kEAAkE;EAClE,qEAAqE;EACrE,4BAA4B;EAC5B,mBAAmB;EACnB,gDAAgD;EAChD,8EAA8E;EAC9E,kBAAkB;EAClB,uBAAuB;EACvB,cAAc;AAChB;;AAEA;EACE,kCAAkC;EAClC,+CAA+C;EAC/C,6DAA6D;AAC/D;;AAEA;EACE,YAAY;EACZ,eAAe;EACf,mCAAmC;EACnC,4BAA4B;EAC5B,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,UAAU;EACV,8CAA8C;EAC9C,SAAS;EACT,8DAA8D;EAC9D,kBAAkB;EAClB,6CAA6C;EAC7C,SAAS;EACT,oFAAoF;AACtF;;AAEA;EACE,oCAAoC;EACpC,iBAAiB;;EAEjB,wDAAwD;AAa1D;;AAZE;IACE,oDAAoD;EACtD;;AAEA;IACE,iCAAiC;IACjC,mCAAmC;IACnC,sCAAsC;IACtC,4BAA4B;IAC5B,6CAA6C;IAC7C,SAAS;EACX","file":"timeline_item.css","sourcesContent":["/* TimelineItem */\n\n.TimelineItem {\n  position: relative;\n  display: flex;\n  padding: var(--yattho-stack-padding-normal, 16px) 0;\n  margin-left: var(--yattho-stack-gap-normal, 16px);\n\n  /* The Timeline */\n  &::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: var(--yattho-borderWidth-thick, 2px);\n    content: '';\n    background-color: var(--color-border-muted);\n  }\n\n  &:target .TimelineItem-badge {\n    border-color: var(--color-accent-emphasis);\n    box-shadow: 0 0 0.2em var(--color-accent-muted);\n  }\n}\n\n.TimelineItem-badge {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: var(--yattho-control-medium-size, 32px);\n  height: var(--yattho-control-medium-size, 32px);\n  margin-right: var(--yattho-controlStack-medium-gap-condensed, 8px);\n  margin-left: calc(var(--yattho-control-medium-size, 32px) / -2 + 1px);\n  color: var(--color-fg-muted);\n  align-items: center;\n  background-color: var(--color-timeline-badge-bg);\n  border: var(--yattho-borderWidth-thick, 2px) solid var(--color-canvas-default);\n  border-radius: 50%;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.TimelineItem-badge--success {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-success-emphasis);\n  border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n}\n\n.TimelineItem-body {\n  min-width: 0;\n  max-width: 100%;\n  margin-top: var(--base-size-4, 4px);\n  color: var(--color-fg-muted);\n  flex: auto;\n}\n\n.TimelineItem-avatar {\n  position: absolute;\n  left: -72px;\n  z-index: 1;\n}\n\n.TimelineItem-break {\n  position: relative;\n  z-index: 1;\n  height: var(--yattho-stack-gap-spacious, 24px);\n  margin: 0;\n  margin-bottom: calc(var(--yattho-stack-gap-normal, 16px) * -1);\n  margin-left: -56px;\n  background-color: var(--color-canvas-default);\n  border: 0;\n  border-top: var(--yattho-borderWidth-thicker, 4px) solid var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n  padding-top: var(--base-size-4, 4px);\n  padding-bottom: 0;\n\n  /* TimelineItem--condensed is often grouped. (commits) */\n  &:last-child {\n    padding-bottom: var(--yattho-stack-gap-normal, 16px);\n  }\n\n  & .TimelineItem-badge {\n    height: var(--base-size-16, 16px);\n    margin-top: var(--base-size-8, 8px);\n    margin-bottom: var(--base-size-8, 8px);\n    color: var(--color-fg-muted);\n    background-color: var(--color-canvas-default);\n    border: 0;\n  }\n}"]}
+{"version":3,"sources":["timeline_item.pcss"],"names":[],"mappings":"AAEA,cAEE,YAAa,CAEb,+CAAiD,CADjD,iDAAmD,CAFnD,iBAqBF,CAfE,qBAQE,0CAA2C,CAL3C,QAAS,CAIT,UAAW,CAFX,aAAc,CADd,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAIN,yCAGF,CAEA,yCACE,yCAA0C,CAC1C,6CACF,CAGF,oBASE,kBAAmB,CACnB,+CAAgD,CAChD,4EAA8E,CAC9E,iBAAkB,CAJlB,2BAA4B,CAL5B,YAAa,CAWb,aAAc,CATd,6CAA+C,CAQ/C,sBAAuB,CANvB,kEAAqE,CADrE,gEAAkE,CALlE,iBAAkB,CAGlB,4CAA8C,CAF9C,SAaF,CAEA,6BAEE,8CAA+C,CAC/C,qDAA6D,CAF7D,iCAGF,CAEA,mBAIE,2BAA4B,CAC5B,SAAU,CAFV,iCAAmC,CADnC,cAAe,CADf,WAKF,CAEA,qBAEE,UAAW,CADX,iBAAkB,CAElB,SACF,CAEA,oBAOE,4CAA6C,CAC7C,QAAS,CACT,kFAAoF,CANpF,4CAA8C,CAC9C,QAAS,CACT,2DAA8D,CAC9D,iBAAkB,CALlB,iBAAkB,CAClB,SAQF,CAEA,yBAEE,gBAAiB,CADjB,kCAgBF,CAZE,oCACE,kDACF,CAEA,6CAKE,4CAA6C,CAC7C,QAAS,CAFT,2BAA4B,CAH5B,+BAAiC,CAEjC,oCAAsC,CADtC,iCAKF","file":"timeline_item.css","sourcesContent":["/* TimelineItem */\n\n.TimelineItem {\n  position: relative;\n  display: flex;\n  padding: var(--yattho-stack-padding-normal, 16px) 0;\n  margin-left: var(--yattho-stack-gap-normal, 16px);\n\n  /* The Timeline */\n  &::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: var(--yattho-borderWidth-thick, 2px);\n    content: '';\n    background-color: var(--color-border-muted);\n  }\n\n  &:target .TimelineItem-badge {\n    border-color: var(--color-accent-emphasis);\n    box-shadow: 0 0 0.2em var(--color-accent-muted);\n  }\n}\n\n.TimelineItem-badge {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: var(--yattho-control-medium-size, 32px);\n  height: var(--yattho-control-medium-size, 32px);\n  margin-right: var(--yattho-controlStack-medium-gap-condensed, 8px);\n  margin-left: calc(var(--yattho-control-medium-size, 32px) / -2 + 1px);\n  color: var(--color-fg-muted);\n  align-items: center;\n  background-color: var(--color-timeline-badge-bg);\n  border: var(--yattho-borderWidth-thick, 2px) solid var(--color-canvas-default);\n  border-radius: 50%;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.TimelineItem-badge--success {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-success-emphasis);\n  border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n}\n\n.TimelineItem-body {\n  min-width: 0;\n  max-width: 100%;\n  margin-top: var(--base-size-4, 4px);\n  color: var(--color-fg-muted);\n  flex: auto;\n}\n\n.TimelineItem-avatar {\n  position: absolute;\n  left: -72px;\n  z-index: 1;\n}\n\n.TimelineItem-break {\n  position: relative;\n  z-index: 1;\n  height: var(--yattho-stack-gap-spacious, 24px);\n  margin: 0;\n  margin-bottom: calc(var(--yattho-stack-gap-normal, 16px) * -1);\n  margin-left: -56px;\n  background-color: var(--color-canvas-default);\n  border: 0;\n  border-top: var(--yattho-borderWidth-thicker, 4px) solid var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n  padding-top: var(--base-size-4, 4px);\n  padding-bottom: 0;\n\n  /* TimelineItem--condensed is often grouped. (commits) */\n  &:last-child {\n    padding-bottom: var(--yattho-stack-gap-normal, 16px);\n  }\n\n  & .TimelineItem-badge {\n    height: var(--base-size-16, 16px);\n    margin-top: var(--base-size-8, 8px);\n    margin-bottom: var(--base-size-8, 8px);\n    color: var(--color-fg-muted);\n    background-color: var(--color-canvas-default);\n    border: 0;\n  }\n}"]}

data/app/components/yattho/beta/truncate.css

@@ -1,37 +1 @@
-/* Truncate */
-
-.Truncate {
-  display: inline-flex;
-  min-width: 0;
-  max-width: 100%;
-}
-
-.Truncate > .Truncate-text {
-    min-width: 1ch;
-    max-width: -moz-fit-content;
-    max-width: fit-content;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-.Truncate > .Truncate-text + .Truncate-text {
-      margin-left: var(--yattho-control-small-gap, 4px);
-    }
-
-.Truncate > .Truncate-text.Truncate-text--primary {
-      flex-basis: 200%;
-    }
-
-.Truncate > .Truncate-text.Truncate-text--expandable:hover,
-    .Truncate > .Truncate-text.Truncate-text--expandable:focus,
-    .Truncate > .Truncate-text.Truncate-text--expandable:active {
-      max-width: 100% !important;
-    }
-
-.Truncate > .Truncate-text.Truncate-text--expandable:hover,
-    .Truncate > .Truncate-text.Truncate-text--expandable:focus,
-    .Truncate > .Truncate-text.Truncate-text--expandable:active {
-      flex-shrink: 0;
-      cursor: pointer;
-    }
+.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--yattho-control-small-gap,4px)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100%!important}

data/app/components/yattho/beta/truncate.css.json

@@ -1 +1 @@
-{"name":"beta/truncate","selectors":[".Truncate",".Truncate > .Truncate-text",".Truncate > .Truncate-text + .Truncate-text",".Truncate > .Truncate-text.Truncate-text--primary",".Truncate > .Truncate-text.Truncate-text--expandable:hover","\n    .Truncate > .Truncate-text.Truncate-text--expandable:focus","\n    .Truncate > .Truncate-text.Truncate-text--expandable:active"]}
+{"name":"beta/truncate","selectors":[".Truncate",".Truncate>.Truncate-text",".Truncate>.Truncate-text+.Truncate-text",".Truncate>.Truncate-text.Truncate-text--primary",".Truncate>.Truncate-text.Truncate-text--expandable:active",".Truncate>.Truncate-text.Truncate-text--expandable:focus",".Truncate>.Truncate-text.Truncate-text--expandable:hover"]}

data/app/components/yattho/beta/truncate.css.map

@@ -1 +1 @@
-{"version":3,"sources":["truncate.pcss"],"names":[],"mappings":"AAAA,aAAa;;AAEb;EACE,oBAAoB;EACpB,YAAY;EACZ,eAAe;AAyBjB;;AAvBE;IACE,cAAc;IACd,2BAAsB;IAAtB,sBAAsB;IACtB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;EAiBrB;;AAfE;MACE,iDAAiD;IACnD;;AAEA;MACE,gBAAgB;IAClB;;AAEA;;;MAGE,0BAA0B;IAG5B;;AANA;;;MAIE,cAAc;MACd,eAAe;IACjB","file":"truncate.css","sourcesContent":["/* Truncate */\n\n.Truncate {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n\n  & > .Truncate-text {\n    min-width: 1ch;\n    max-width: fit-content;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & + .Truncate-text {\n      margin-left: var(--yattho-control-small-gap, 4px);\n    }\n\n    &.Truncate-text--primary {\n      flex-basis: 200%;\n    }\n\n    &.Truncate-text--expandable:hover,\n    &.Truncate-text--expandable:focus,\n    &.Truncate-text--expandable:active {\n      max-width: 100% !important;\n      flex-shrink: 0;\n      cursor: pointer;\n    }\n  }\n}"]}
+{"version":3,"sources":["truncate.pcss"],"names":[],"mappings":"AAEA,UACE,mBAAoB,CAEpB,cAAe,CADf,WA0BF,CAvBE,yBAEE,0BAAsB,CAAtB,qBAAsB,CADtB,aAAc,CAEd,eAAgB,CAChB,sBAAuB,CACvB,kBAiBF,CAfE,wCACE,+CACF,CAEA,gDACE,eACF,CAEA,4KAKE,cAAe,CADf,aAAc,CADd,wBAGF","file":"truncate.css","sourcesContent":["/* Truncate */\n\n.Truncate {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n\n  & > .Truncate-text {\n    min-width: 1ch;\n    max-width: fit-content;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & + .Truncate-text {\n      margin-left: var(--yattho-control-small-gap, 4px);\n    }\n\n    &.Truncate-text--primary {\n      flex-basis: 200%;\n    }\n\n    &.Truncate-text--expandable:hover,\n    &.Truncate-text--expandable:focus,\n    &.Truncate-text--expandable:active {\n      max-width: 100% !important;\n      flex-shrink: 0;\n      cursor: pointer;\n    }\n  }\n}"]}

data/app/components/yattho/truncate.css

@@ -1,30 +1 @@
-/* CSS truncate */
-
-/* css-truncate will shorten text with an ellipsis. */
-
-/* css-truncate-overflow will shorten text with an ellipsis when overflowing */
-
-.css-truncate.css-truncate-overflow,
-  .css-truncate .css-truncate-overflow,
-  .css-truncate.css-truncate-target,
-  .css-truncate .css-truncate-target {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-/* css-truncate-target will shorten text with an ellipsis and a max width */
-
-.css-truncate.css-truncate-target,
-  .css-truncate .css-truncate-target {
-    display: inline-block;
-    max-width: 125px;
-    vertical-align: top;
-  }
-
-.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,
-  .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,
-  .css-truncate.expandable:hover .css-truncate-target,
-  .css-truncate.expandable.css-truncate-target:hover {
-    max-width: 10000px !important;
-  }
+.css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px!important}

data/app/components/yattho/truncate.css.json

@@ -1 +1 @@
-{"name":"truncate","selectors":[".css-truncate.css-truncate-overflow","\n  .css-truncate .css-truncate-overflow","\n  .css-truncate.css-truncate-target","\n  .css-truncate .css-truncate-target",".css-truncate.css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target","\n  .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target","\n  .css-truncate.expandable:hover .css-truncate-target","\n  .css-truncate.expandable.css-truncate-target:hover"]}
+{"name":"truncate","selectors":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target"]}

data/app/components/yattho/truncate.css.map

@@ -1 +1 @@
-{"version":3,"sources":["truncate.pcss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,qDAAqD;;AAGnD,8EAA8E;;AAC9E;;;;IAIE,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;EACrB;;AAEA,2EAA2E;;AAC3E;;IAEE,qBAAqB;IACrB,gBAAgB;IAChB,mBAAmB;EACrB;;AAEA;;;;IAIE,6BAA6B;EAC/B","file":"truncate.css","sourcesContent":["/* CSS truncate */\n\n/* css-truncate will shorten text with an ellipsis. */\n\n.css-truncate {\n  /* css-truncate-overflow will shorten text with an ellipsis when overflowing */\n  &.css-truncate-overflow,\n  & .css-truncate-overflow,\n  &.css-truncate-target,\n  & .css-truncate-target {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* css-truncate-target will shorten text with an ellipsis and a max width */\n  &.css-truncate-target,\n  & .css-truncate-target {\n    display: inline-block;\n    max-width: 125px;\n    vertical-align: top;\n  }\n\n  &.expandable.zeroclipboard-is-hover .css-truncate-target,\n  &.expandable.zeroclipboard-is-hover.css-truncate-target,\n  &.expandable:hover .css-truncate-target,\n  &.expandable:hover.css-truncate-target {\n    max-width: 10000px !important;\n  }\n}"]}
+{"version":3,"sources":["truncate.pcss"],"names":[],"mappings":"AAME,8IAIE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAGA,qEAEE,oBAAqB,CACrB,eAAgB,CAChB,kBACF,CAEA,gPAIE,2BACF","file":"truncate.css","sourcesContent":["/* CSS truncate */\n\n/* css-truncate will shorten text with an ellipsis. */\n\n.css-truncate {\n  /* css-truncate-overflow will shorten text with an ellipsis when overflowing */\n  &.css-truncate-overflow,\n  & .css-truncate-overflow,\n  &.css-truncate-target,\n  & .css-truncate-target {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* css-truncate-target will shorten text with an ellipsis and a max width */\n  &.css-truncate-target,\n  & .css-truncate-target {\n    display: inline-block;\n    max-width: 125px;\n    vertical-align: top;\n  }\n\n  &.expandable.zeroclipboard-is-hover .css-truncate-target,\n  &.expandable.zeroclipboard-is-hover.css-truncate-target,\n  &.expandable:hover .css-truncate-target,\n  &.expandable:hover.css-truncate-target {\n    max-width: 10000px !important;\n  }\n}"]}

data/lib/yattho/view_components/version.rb

@@ -5,7 +5,7 @@ module Yattho
   module ViewComponents
     module VERSION
       MAJOR = 0
-      MINOR = 0
+      MINOR = 1
       PATCH = 1
 
       STRING = [MAJOR, MINOR, PATCH].join(".")