@websolutespa/llm-plugin-maxmeyer 0.0.1

package/dist/esm/scss/mixin/_typography.scss

@@ -0,0 +1,129 @@
+$t: (
+  display1: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-display1-font-weight),
+    line-height: var(--llm-typography-display1-line-height),
+    letter-spacing: var(--llm-typography-display1-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-display1-font-size-min), var(--llm-typography-display1-font-size-max), var(--llm-scale)),
+  ),
+  display2: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-display2-font-weight),
+    line-height: var(--llm-typography-display2-line-height),
+    letter-spacing: var(--llm-typography-display2-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-display2-font-size-min), var(--llm-typography-display2-font-size-max), var(--llm-scale)),
+  ),
+  display3: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-display3-font-weight),
+    line-height: var(--llm-typography-display3-line-height),
+    letter-spacing: var(--llm-typography-display3-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-display3-font-size-min), var(--llm-typography-display3-font-size-max), var(--llm-scale)),
+  ),
+  display4: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-display4-font-weight),
+    line-height: var(--llm-typography-display4-line-height),
+    letter-spacing: var(--llm-typography-display4-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-display4-font-size-min), var(--llm-typography-display4-font-size-max), var(--llm-scale)),
+  ),
+  display5: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-display5-font-weight),
+    line-height: var(--llm-typography-display5-line-height),
+    letter-spacing: var(--llm-typography-display5-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-display5-font-size-min), var(--llm-typography-display5-font-size-max), var(--llm-scale)),
+  ),
+  display6: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-display6-font-weight),
+    line-height: var(--llm-typography-display6-line-height),
+    letter-spacing: var(--llm-typography-display6-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-display6-font-size-min), var(--llm-typography-display6-font-size-max), var(--llm-scale)),
+  ),
+  heading1: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-heading1-font-weight),
+    line-height: var(--llm-typography-heading1-line-height),
+    letter-spacing: var(--llm-typography-heading1-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-heading1-font-size-min), var(--llm-typography-heading1-font-size-max), var(--llm-scale)),
+  ),
+  heading2: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-heading2-font-weight),
+    line-height: var(--llm-typography-heading2-line-height),
+    letter-spacing: var(--llm-typography-heading2-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-heading2-font-size-min), var(--llm-typography-heading2-font-size-max), var(--llm-scale)),
+  ),
+  body1: (font-family: var(--llm-font-secondary),
+    font-weight: var(--llm-typography-body1-font-weight),
+    line-height: var(--llm-typography-body1-line-height),
+    letter-spacing: var(--llm-typography-body1-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-body1-font-size-min), var(--llm-typography-body1-font-size-max), var(--llm-scale)),
+  ),
+  body2: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-body2-font-weight),
+    line-height: var(--llm-typography-body2-line-height),
+    letter-spacing: var(--llm-typography-body2-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-body2-font-size-min), var(--llm-typography-body2-font-size-max), var(--llm-scale)),
+  ),
+  body3: (font-family: var(--llm-font-secondary),
+    font-weight: var(--llm-typography-body3-font-weight),
+    line-height: var(--llm-typography-body3-line-height),
+    letter-spacing: var(--llm-typography-body3-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-body3-font-size-min), var(--llm-typography-body3-font-size-max), var(--llm-scale)),
+  ),
+  body4: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-body4-font-weight),
+    line-height: var(--llm-typography-body4-line-height),
+    letter-spacing: var(--llm-typography-body4-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-body4-font-size-min), var(--llm-typography-body4-font-size-max), var(--llm-scale)),
+  ),
+  body5: (font-family: var(--llm-font-secondary),
+    font-weight: var(--llm-typography-body5-font-weight),
+    line-height: var(--llm-typography-body5-line-height),
+    letter-spacing: var(--llm-typography-body5-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-body5-font-size-min), var(--llm-typography-body5-font-size-max), var(--llm-scale)),
+  ),
+  label1: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-label1-font-weight),
+    line-height: var(--llm-typography-label1-line-height),
+    letter-spacing: var(--llm-typography-label1-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-label1-font-size-min), var(--llm-typography-label1-font-size-max), var(--llm-scale)),
+  ),
+  cta1: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-cta1-font-weight),
+    line-height: var(--llm-typography-cta1-line-height),
+    letter-spacing: var(--llm-typography-cta1-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-cta1-font-size-min), var(--llm-typography-cta1-font-size-max), var(--llm-scale)),
+    text-transform: uppercase,
+  ),
+  cta2: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-cta2-font-weight),
+    line-height: var(--llm-typography-cta2-line-height),
+    letter-spacing: var(--llm-typography-cta2-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-cta2-font-size-min), var(--llm-typography-cta2-font-size-max), var(--llm-scale)),
+  ),
+  cta3: (font-family: var(--llm-font-primary),
+    font-weight: var(--llm-typography-cta3-font-weight),
+    line-height: var(--llm-typography-cta3-line-height),
+    letter-spacing: var(--llm-typography-cta3-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-cta3-font-size-min), var(--llm-typography-cta3-font-size-max), var(--llm-scale)),
+    font-style: normal,
+  ),
+  cta4: (font-family: var(--llm-font-secondary),
+    font-weight: var(--llm-typography-cta4-font-weight),
+    line-height: var(--llm-typography-cta4-line-height),
+    letter-spacing: var(--llm-typography-cta4-letter-spacing),
+    font-size: clampUnit(var(--llm-typography-cta4-font-size-min), var(--llm-typography-cta4-font-size-max), var(--llm-scale)),
+    font-style: normal,
+  ),
+);
+
+@mixin text($style) {
+  line-height: 1;
+
+  @each $key, $attr in map-get($t, #{$style}) {
+    #{$key}: #{$attr};
+  }
+}
+
+@mixin typography() {
+  @each $key, $attr in $t {
+    .llm .-llm-t-#{$key} {
+      @include text(#{$key});
+    }
+  }
+}

package/dist/esm/scss/mixin/_utils.scss

@@ -0,0 +1,103 @@
+@use 'sass:math';
+
+@mixin cbp($m) {
+  @container (min-width: #{map-get($breakpoints, $m)}) {
+    @content;
+  }
+}
+
+@mixin bp($m) {
+  @media (min-width: map-get($breakpoints, $m)) {
+    @content;
+  }
+}
+
+@mixin hover() {
+  @media (hover: hover) {
+    &:hover {
+      @content;
+    }
+  }
+}
+
+@mixin fill() {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+
+@mixin srOnly() {
+  border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  clip-path: inset(50%) !important;
+  height: 1px !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
+  white-space: nowrap !important;
+}
+
+@mixin srOnlyFocusable() {
+  @include srOnly();
+
+  &:focus,
+  &:active {
+    clip: auto !important;
+    clip-path: none !important;
+    height: auto !important;
+    margin: auto !important;
+    overflow: visible !important;
+    width: auto !important;
+    white-space: normal !important;
+  }
+}
+
+@mixin imgPad($u: null, $v: null) {
+  position: relative;
+  overflow: hidden;
+
+  >iframe,
+  >picture,
+  >picture>img,
+  >img,
+  >svg {
+    @include fill();
+    object-fit: cover;
+    object-position: center;
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    height: 0;
+
+    @if $u and $v {
+      padding-bottom: math.percentage(math.div($v, $u));
+    }
+  }
+}
+
+@function clampValue($min, $max, $low: 375, $hi: 1920) {
+  @return clamp($min * 1px,
+    calc($min * 1px + (var(--u, 1vw) * 100 - #{$low * 1px}) / #{$hi - $low} * ($max - $min)),
+    $max * 1px);
+}
+
+@function clampUnit($min, $max, $scale: 1, $low: 375, $hi: 1920) {
+  @return clamp(calc($min * 1px * var(--s, 1)),
+    calc($min * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - #{$low * 1px}) / #{$hi - $low} * calc(($max - $min) * var(--s, 1))),
+    calc($max * 1px * var(--s, 1)));
+}
+
+@function u($value: 1) {
+  @return calc(var(--u, 1vw) * #{$value});
+}
+
+@function rem($value: 1) {
+  @return calc(var(--rem, 1rem) * #{$value});
+}

package/dist/esm/scss/mixin/_vars.scss

@@ -0,0 +1,4 @@
+%vars {
+  // empty
+  --llm-do-not-use: 0;
+}

package/dist/esm/scss/style.scss

@@ -0,0 +1,14 @@
+@import './mixin';
+@import './reset';
+@import './base';
+@import './typography';
+@import './thread';
+// importing all components
+@import '../../../../../../node_modules/@websolutespa/bom-mixer-llm/src/llm/scss/components';
+// @import '@websolutespa/bom-mixer-llm/src/llm/scss/components';
+// importing all blocks
+@import '../../../../../../node_modules/@websolutespa/bom-mixer-llm/src/llm/scss/blocks';
+// @import '@websolutespa/bom-mixer-llm/src/llm/scss/blocks';
+// importing a single component
+// @import '../../../../../../node_modules/@websolutespa/bom-mixer-llm/src/llm/components/Feedback/style';
+// @import '@websolutespa/bom-mixer-llm/src/llm/components/Feedback/style';