@ta-interaktiv/react-municipality-search 1.8.0 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.js +4 -4
  3. package/es/index.js +4 -4
  4. package/package.json +2 -2
  5. package/src/municipalitySearch.tsx +4 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
4
4
 
5
+ ## [1.8.1](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.8.0...@ta-interaktiv/react-municipality-search@1.8.1) (2022-10-24)
6
+
7
+ ### Bug Fixes
8
+
9
+ - changed boldness ([ef331e0](https://gitlab.com/ta-interaktiv/packages/commit/ef331e0ac5346f5b5c36b1e6215f5cf3231897e9))
10
+
5
11
  # [1.8.0](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.7.1...@ta-interaktiv/react-municipality-search@1.8.0) (2022-10-17)
6
12
 
7
13
  ### Features
package/dist/index.js CHANGED
@@ -443,7 +443,7 @@ var MunicipalitySearch = (function (_super) {
443
443
  React__default["default"].createElement(React__default["default"].Fragment, null,
444
444
  t('list.municipalityPrefix'),
445
445
  " ",
446
- result.GDENAMK)))); }))))));
446
+ React__default["default"].createElement("b", null, result.GDENAMK))))); }))))));
447
447
  };
448
448
  MunicipalitySearch.defaultProps = {
449
449
  municipalityData: '2021v3',
@@ -457,9 +457,9 @@ var MunicipalitySearchContainer = styled__default["default"].div(templateObject_
457
457
  var InputRow = styled__default["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n input:focus ~ i {\n opacity: 1;\n }\n @media screen and (max-width: 599px) {\n flex-direction: column;\n .ui.input {\n width: 100%;\n max-width: 100%;\n }\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n input:focus ~ i {\n opacity: 1;\n }\n @media screen and (max-width: 599px) {\n flex-direction: column;\n .ui.input {\n width: 100%;\n max-width: 100%;\n }\n }\n"])));
458
458
  var FlexInput = styled__default["default"].input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
459
459
  var Results = styled__default["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-top: 1ex;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n grid-gap: 0;\n font-family: var(--ui-font-stack);\n .result {\n padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n border-radius: 0.2ex;\n box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n //border: 1px solid #007abf;\n color: rgba(0, 0, 0, 0.9);\n line-height: 1.1em;\n cursor: pointer;\n transition: box-shadow 200ms ease-in-out;\n background-color: transparent;\n\n &:hover,\n &:focus {\n box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n background-color: $backgroundColor;\n }\n }\n"], ["\n margin-top: 1ex;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n grid-gap: 0;\n font-family: var(--ui-font-stack);\n .result {\n padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n border-radius: 0.2ex;\n box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n //border: 1px solid #007abf;\n color: rgba(0, 0, 0, 0.9);\n line-height: 1.1em;\n cursor: pointer;\n transition: box-shadow 200ms ease-in-out;\n background-color: transparent;\n\n &:hover,\n &:focus {\n box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n background-color: $backgroundColor;\n }\n }\n"])));
460
- var ResultHeader = styled__default["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-weight: 700;\n"], ["\n font-weight: 700;\n"])));
461
- var ResultPlz = styled__default["default"].span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n opacity: 0.5;\n font-weight: 400;\n"], ["\n opacity: 0.5;\n font-weight: 400;\n"])));
462
- var ResultMeta = styled__default["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n opacity: 0.66;\n font-size: 0.9em;\n"], ["\n opacity: 0.66;\n font-size: 0.9em;\n"])));
460
+ var ResultHeader = styled__default["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n /* font-weight: 700; */\n"], ["\n /* font-weight: 700; */\n"])));
461
+ var ResultPlz = styled__default["default"].span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n /* opacity: 0.5; */\n font-weight: 400;\n"], ["\n /* opacity: 0.5; */\n font-weight: 400;\n"])));
462
+ var ResultMeta = styled__default["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n /* opacity: 0.66; */\n font-size: 0.9em;\n"], ["\n /* opacity: 0.66; */\n font-size: 0.9em;\n"])));
463
463
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
464
464
 
465
465
  exports.MunicipalitySearch = MunicipalitySearch;
package/es/index.js CHANGED
@@ -432,7 +432,7 @@ var MunicipalitySearch = (function (_super) {
432
432
  React.createElement(React.Fragment, null,
433
433
  t('list.municipalityPrefix'),
434
434
  " ",
435
- result.GDENAMK)))); }))))));
435
+ React.createElement("b", null, result.GDENAMK))))); }))))));
436
436
  };
437
437
  MunicipalitySearch.defaultProps = {
438
438
  municipalityData: '2021v3',
@@ -446,9 +446,9 @@ var MunicipalitySearchContainer = styled.div(templateObject_2 || (templateObject
446
446
  var InputRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n input:focus ~ i {\n opacity: 1;\n }\n @media screen and (max-width: 599px) {\n flex-direction: column;\n .ui.input {\n width: 100%;\n max-width: 100%;\n }\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n input:focus ~ i {\n opacity: 1;\n }\n @media screen and (max-width: 599px) {\n flex-direction: column;\n .ui.input {\n width: 100%;\n max-width: 100%;\n }\n }\n"])));
447
447
  var FlexInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
448
448
  var Results = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-top: 1ex;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n grid-gap: 0;\n font-family: var(--ui-font-stack);\n .result {\n padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n border-radius: 0.2ex;\n box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n //border: 1px solid #007abf;\n color: rgba(0, 0, 0, 0.9);\n line-height: 1.1em;\n cursor: pointer;\n transition: box-shadow 200ms ease-in-out;\n background-color: transparent;\n\n &:hover,\n &:focus {\n box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n background-color: $backgroundColor;\n }\n }\n"], ["\n margin-top: 1ex;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n grid-gap: 0;\n font-family: var(--ui-font-stack);\n .result {\n padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n border-radius: 0.2ex;\n box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n //border: 1px solid #007abf;\n color: rgba(0, 0, 0, 0.9);\n line-height: 1.1em;\n cursor: pointer;\n transition: box-shadow 200ms ease-in-out;\n background-color: transparent;\n\n &:hover,\n &:focus {\n box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n background-color: $backgroundColor;\n }\n }\n"])));
449
- var ResultHeader = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-weight: 700;\n"], ["\n font-weight: 700;\n"])));
450
- var ResultPlz = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n opacity: 0.5;\n font-weight: 400;\n"], ["\n opacity: 0.5;\n font-weight: 400;\n"])));
451
- var ResultMeta = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n opacity: 0.66;\n font-size: 0.9em;\n"], ["\n opacity: 0.66;\n font-size: 0.9em;\n"])));
449
+ var ResultHeader = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n /* font-weight: 700; */\n"], ["\n /* font-weight: 700; */\n"])));
450
+ var ResultPlz = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n /* opacity: 0.5; */\n font-weight: 400;\n"], ["\n /* opacity: 0.5; */\n font-weight: 400;\n"])));
451
+ var ResultMeta = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n /* opacity: 0.66; */\n font-size: 0.9em;\n"], ["\n /* opacity: 0.66; */\n font-size: 0.9em;\n"])));
452
452
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
453
453
 
454
454
  export { MunicipalitySearch, MunicipalitySearch as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ta-interaktiv/react-municipality-search",
3
- "version": "1.8.0",
3
+ "version": "1.8.1",
4
4
  "description": "React component that allows searching for Swiss municipalities with either ZIP code or place names.",
5
5
  "keywords": [
6
6
  "react",
@@ -58,5 +58,5 @@
58
58
  "devDependencies": {
59
59
  "@react-spring/types": "^9.4.5"
60
60
  },
61
- "gitHead": "ab07e3eeeac6ce156ca67322665451d1a7cf3d5c"
61
+ "gitHead": "752f7d13d7c19c60fdbed944c5e9881ce0a17c46"
62
62
  }
package/src/municipalitySearch.tsx CHANGED
@@ -630,7 +630,7 @@ export class MunicipalitySearch extends Component<Props, State> {
630
630
  </ResultHeader>
631
631
  <ResultMeta className='resultMeta'>
632
632
  <>
633
- {t('list.municipalityPrefix')} {result.GDENAMK}
633
+ {t('list.municipalityPrefix')} <b>{result.GDENAMK}</b>
634
634
  </>
635
635
  </ResultMeta>
636
636
  </animated.div>
@@ -699,13 +699,13 @@ const Results = styled.div`
699
699
  }
700
700
  `
701
701
  const ResultHeader = styled.div`
702
- font-weight: 700;
702
+ /* font-weight: 700; */
703
703
  `
704
704
  const ResultPlz = styled.span`
705
- opacity: 0.5;
705
+ /* opacity: 0.5; */
706
706
  font-weight: 400;
707
707
  `
708
708
  const ResultMeta = styled.div`
709
- opacity: 0.66;
709
+ /* opacity: 0.66; */
710
710
  font-size: 0.9em;
711
711
  `