@pinuts/bsr-uikit-relaunch 0.2.41 → 0.2.45

package/dist/items/index.d.ts

@@ -17,6 +17,7 @@ import TextBox from './TextBox/TextBox.jsx';
 import TextAreaField from './TextAreaField/TextAreaField.jsx';
 import TextInputField from './TextInputField/TextInputField.jsx';
 import Toast from './Toast/Toast.jsx';
+import Title from './Title/Title.jsx';
 import ToggleSwitchField from './ToggleSwitchField/ToggleSwitchField.jsx';
 import SectionSpinner from './SectionSpinner/SectionSpinner.jsx';
 import ArrayFieldset from './ArrayFieldset/ArrayFieldset.jsx';
@@ -30,5 +31,5 @@ import EventDatePicker from './eventWizardItems/EventDatePicker/EventDatePicker.
 import FormTitle from './eventWizardItems/FormTitle/FormTitle.jsx';
 import Intro from './eventWizardItems/Intro/Intro.jsx';
 import Required from './eventWizardItems/Required/Required.jsx';
-export { Button, BSRAddressSelector, SubmitButton, DateInputField, DropDownButton, FieldLabel, FormFieldChildPropTypes, FormFieldWrapper, GroupInputField, Icon, FormBuilderIcon, NumberInputField, SelectField, StaticAlert, Tag, TextBox, TextAreaField, TextInputField, Toast, ToggleSwitchField, SectionSpinner, ArrayFieldset, FieldsetWrapper, BootstrapInputGroupField, BSRGridRow, BSRGridColumn, BSRGridRowCols, EventPicker, EventDatePicker, FormTitle, Intro, Required };
+export { Button, BSRAddressSelector, SubmitButton, DateInputField, DropDownButton, FieldLabel, FormFieldChildPropTypes, FormFieldWrapper, GroupInputField, Icon, FormBuilderIcon, NumberInputField, SelectField, StaticAlert, Tag, TextBox, TextAreaField, TextInputField, Toast, Title, ToggleSwitchField, SectionSpinner, ArrayFieldset, FieldsetWrapper, BootstrapInputGroupField, BSRGridRow, BSRGridColumn, BSRGridRowCols, EventPicker, EventDatePicker, FormTitle, Intro, Required };
 //# sourceMappingURL=index.d.ts.map

package/dist/items/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.js"],"names":[],"mappings":"mBAKmB,qBAAqB;+BAHT,6CAA6C;yBAInD,2BAA2B;2BACzB,qCAAqC;2BACrC,qCAAqC;uBACzC,6BAA6B;oCAChB,gDAAgD;6BACvD,yCAAyC;4BAC1C,uCAAuC;iBAClD,oBAAoB;4BACT,iBAAiB;6BAGhB,yCAAyC;wBAC9C,+BAA+B;wBAC/B,+BAA+B;gBAfvC,eAAe;oBAkBX,uBAAuB;0BACjB,mCAAmC;2BAClC,qCAAqC;kBAE9C,mBAAmB;8BACP,2CAA2C;2BAN9C,qCAAqC;0BAQtC,mCAAmC;4BACjC,uCAAuC;qCAL9B,yDAAyD;uBAMvE,uBAAuB;0BACpB,0BAA0B;2BACzB,2BAA2B;wBAC9B,gDAAgD;4BAC5C,wDAAwD;sBAC9D,4CAA4C;kBAChD,oCAAoC;qBACjC,0CAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.js"],"names":[],"mappings":"mBAKmB,qBAAqB;+BAHT,6CAA6C;yBAInD,2BAA2B;2BACzB,qCAAqC;2BACrC,qCAAqC;uBACzC,6BAA6B;oCAChB,gDAAgD;6BACvD,yCAAyC;4BAC1C,uCAAuC;iBAClD,oBAAoB;4BACT,iBAAiB;6BAGhB,yCAAyC;wBAC9C,+BAA+B;wBAC/B,+BAA+B;gBAfvC,eAAe;oBAkBX,uBAAuB;0BACjB,mCAAmC;2BAClC,qCAAqC;kBAG9C,mBAAmB;kBADnB,mBAAmB;8BAEP,2CAA2C;2BAP9C,qCAAqC;0BAStC,mCAAmC;4BACjC,uCAAuC;qCAN9B,yDAAyD;uBAOvE,uBAAuB;0BACpB,0BAA0B;2BACzB,2BAA2B;wBAC9B,gDAAgD;4BAC5C,wDAAwD;sBAC9D,4CAA4C;kBAChD,oCAAoC;qBACjC,0CAA0C"}

package/dist/items/index.js

@@ -183,6 +183,12 @@ Object.defineProperty(exports, "TextInputField", {
     return _TextInputField.default;
   }
 });
+Object.defineProperty(exports, "Title", {
+  enumerable: true,
+  get: function () {
+    return _Title.default;
+  }
+});
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
   get: function () {
@@ -215,6 +221,7 @@ var _TextBox = _interopRequireDefault(require("./TextBox/TextBox.jsx"));
 var _TextAreaField = _interopRequireDefault(require("./TextAreaField/TextAreaField.jsx"));
 var _TextInputField = _interopRequireDefault(require("./TextInputField/TextInputField.jsx"));
 var _BootstrapInputGroupField = _interopRequireDefault(require("./BootstrapInputGroupField/BootstrapInputGroupField.jsx"));
+var _Title = _interopRequireDefault(require("./Title/Title.jsx"));
 var _Toast = _interopRequireDefault(require("./Toast/Toast.jsx"));
 var _ToggleSwitchField = _interopRequireDefault(require("./ToggleSwitchField/ToggleSwitchField.jsx"));
 var _ArrayFieldset = _interopRequireDefault(require("./ArrayFieldset/ArrayFieldset.jsx"));

package/dist/styles/_form.scss

@@ -5,6 +5,7 @@
 #addressSelector {
     display: flex;
     flex-direction: column;
+    font-family: $fontfamily-base;
 
     .row .col:has(input):not(:has(fieldset)) { 
         margin-bottom: $base-gap * 10; 

package/dist/styles/variables/_fonts.scss

@@ -1,3 +1,8 @@
+@use "sass:math";
+@function to-rem($size) {
+  @return math.div($size, 16px) * 1rem;
+}
+
 /* TradeGothicNextSR Regular */
 /* @font-face {
     font-family: "TradeGothicNextSR";
@@ -39,112 +44,112 @@
      src: local(""), url("../../assets/fonts/TradeGothicNextLT/TradeGothicNextCondensed_normal_condensed.woff2") format("woff2");
  }
 */
-$fontsize-base: 18px;
+$fontsize-base: to-rem(18px);
 
 $fontfamily-base: "TradeGothicNext", sans-serif;
 $fontfamily-heading: "TradeGothicNextSR", sans-serif;
 
 /* Font sizes */
-$h1-fontsize: 48px;
-$h2-fontsize: 36px;
-$h3-fontsize: 28px;
+$h1-fontsize: to-rem(48px);
+$h2-fontsize: to-rem(36px);
+$h3-fontsize: to-rem(28px);
 
-$h1-fontsize-sm: 32px;
-$h2-fontsize-sm: 24px;
-$h3-fontsize-sm: 20px;
+$h1-fontsize-sm: to-rem(32px);
+$h2-fontsize-sm: to-rem(24px);
+$h3-fontsize-sm: to-rem(20px);
 
-$sub-headline-font-size: 24px;
-$sub-headline-font-size-sm: 18px;
+$sub-headline-font-size: to-rem(24px);
+$sub-headline-font-size-sm: to-rem(18px);
 
-$quote-font-size: 28px;
-$quote-font-size-sm: 22px;
+$quote-font-size: to-rem(28px);
+$quote-font-size-sm: to-rem(22px);
 
-$intro-text-font-size: 20px;
-$intro-text-font-size-sm: 18px;
+$intro-text-font-size: to-rem(20px);
+$intro-text-font-size-sm: to-rem(18px);
 
-$copy-text-small-font-size: 16px;
+$copy-text-small-font-size: to-rem(16px);
 
-$label-forms-font-size: 14px;
-$supporting-text-font-size: 14px;
+$label-forms-font-size: to-rem(14px);
+$supporting-text-font-size: to-rem(14px);
 
-$nav-e1-font-size: 20px;
-$nav-e1-font-size-sm: 18px;
+$nav-e1-font-size: to-rem(20px);
+$nav-e1-font-size-sm: to-rem(18px);
 
-$nav-e2-font-size: 20px;
-$nav-e2-font-size-sm: 18px;
+$nav-e2-font-size: to-rem(20px);
+$nav-e2-font-size-sm: to-rem(18px);
 
-$nav-e3-font-size: 16px;
+$nav-e3-font-size: to-rem(16px);
 
-$navigation-navLinks-font-size: 20px;
-$navigation-navLinks-font-size-sm: 18px;
-$navigation-linkList-font-size: 16px;
-$navigation-teaserText-font-size: 16px;
-$navigation-additionalLinks-font-size: 14px;
+$navigation-navLinks-font-size: to-rem(20px);
+$navigation-navLinks-font-size-sm: to-rem(18px);
+$navigation-linkList-font-size: to-rem(16px);
+$navigation-teaserText-font-size: to-rem(16px);
+$navigation-additionalLinks-font-size: to-rem(14px);
 
 
-$inputField-font-size: 18px;
-$input-label-font-size: 14px;
-$editingBtn-font-size: 14px;
-$textlink-subline-font-size: 14px;
+$inputField-font-size: to-rem(18px);
+$input-label-font-size: to-rem(14px);
+$editingBtn-font-size: to-rem(14px);
+$textlink-subline-font-size: to-rem(14px);
 
-$listItem-font-size: 18px;
+$listItem-font-size: to-rem(18px);
 
 /* Line heights */
-$lineheight-base: 26px;
+$lineheight-base: to-rem(26px);
 
-$h1-lineheight: 56px;
-$h2-lineheight: 52px;
-$h3-lineheight: 36px;
+$h1-lineheight: to-rem(56px);
+$h2-lineheight: to-rem(52px);
+$h3-lineheight: to-rem(36px);
 
-$h1-lineheight-sm: 40px;
-$h2-lineheight-sm: 32px;
-$h3-lineheight-sm: 28px;
+$h1-lineheight-sm: to-rem(40px);
+$h2-lineheight-sm: to-rem(32px);
+$h3-lineheight-sm: to-rem(28px);
 
-$sub-headline-line-height: 36px;
-$sub-headline-line-height-sm: 28px;
+$sub-headline-line-height: to-rem(36px);
+$sub-headline-line-height-sm: to-rem(28px);
 
-$quote-line-height: 36px;
-$quote-line-height-sm: 30px;
+$quote-line-height: to-rem(36px);
+$quote-line-height-sm: to-rem(30px);
 
-$intro-text-line-height: 28px;
-$intro-text-line-height-sm: 26px;
+$intro-text-line-height: to-rem(28px);
+$intro-text-line-height-sm: to-rem(26px);
 
-$copy-text-default-line-height: 26px;
+$copy-text-default-line-height: to-rem(26px);
 
-$copy-text-small-line-height: 24px;
+$copy-text-small-line-height: to-rem(24px);
 
-$label-forms-line-height: 20px;
+$label-forms-line-height: to-rem(20px);
 
-$supporting-text-line-height: 20px;
+$supporting-text-line-height: to-rem(20px);
 
-$nav-e1-line-height: 24px;
+$nav-e1-line-height: to-rem(24px);
 
-$nav-e2-line-height: 24px;
+$nav-e2-line-height: to-rem(24px);
 
-$nav-e3-line-height: 20px;
-$nav-e3-line-height-sm: 22px;
+$nav-e3-line-height: to-rem(20px);
+$nav-e3-line-height-sm: to-rem(22px);
 
-$button-text-line-height: 24px;
+$button-text-line-height: to-rem(24px);
 
-$navigation-navLinks-line-height: 24px;
-$navigation-linkList-line-height: 20px;
-$navigation-additionalLinks-line-height: 20px;
+$navigation-navLinks-line-height: to-rem(24px);
+$navigation-linkList-line-height: to-rem(20px);
+$navigation-additionalLinks-line-height: to-rem(20px);
 
-$inputField-line-height: 26px;
-$input-label-line-height: 20px;
-$editingBtnAtom-line-height: 20px;
-$textlink-line-height: 26px;
+$inputField-line-height: to-rem(26px);
+$input-label-line-height: to-rem(20px);
+$editingBtnAtom-line-height: to-rem(20px);
+$textlink-line-height: to-rem(26px);
 
-$listItem-line-height: 26px;
+$listItem-line-height: to-rem(26px);
 
 /* Font weights */
 $fontweight-normal: 400;
 $fontweight-bold: 700;
 
 /* Letter spacing */
-$letter-spacing-xs: 0.2px;
-$letter-spacing-sm: 0.32px;
-$letter-spacing-md: 0.4px;
-$letter-spacing-lg: 1px;
+$letter-spacing-xs: to-rem(0.2px);
+$letter-spacing-sm: to-rem(0.32px);
+$letter-spacing-md: to-rem(0.4px);
+$letter-spacing-lg: to-rem(1px);
 
-$letter-spacing-button-text: 0.036px;
+$letter-spacing-button-text: to-rem(0.036px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinuts/bsr-uikit-relaunch",
-  "version": "0.2.41",
+  "version": "0.2.45",
   "private": false,
   "description": "BSR UI-KIT Relaunch",
   "main": "dist/index.js",