@stenajs-webui/elements 15.5.5 → 15.5.8

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 (4) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.es.js +1 -1
  3. package/dist/index.js +1 -1
  4. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v15.5.7 (Thu May 05 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Use bigger font in tabmenu items [#455](https://github.com/StenaIT/stenajs-webui/pull/455) ([@nikteg](https://github.com/nikteg))
6
+
7
+ #### Authors: 1
8
+
9
+ - Niklas ([@nikteg](https://github.com/nikteg))
10
+
11
+ ---
12
+
1
13
  # v15.5.5 (Tue Apr 26 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/index.es.js CHANGED
@@ -616,7 +616,7 @@ var ActionMenuSeparator = function () {
616
616
  return React.createElement(SeparatorLine, null);
617
617
  };
618
618
 
619
- var css_248z$3 = ".Tab-module_tab__3Hb1M {\n --swui-tab-border-color: var(--lhds-color-ui-200);\n --swui-tab-border-color-hover: var(--lhds-color-blue-200);\n --swui-tab-border-color-focus: var(--lhds-color-blue-200);\n --swui-tab-border-color-selected: var(--lhds-color-blue-600);\n --swui-tab-label-color: var(--swui-text-primary-color);\n --swui-tab-label-color-selected: var(--swui-text-action-color);\n --swui-tab-outline-color-focus: var(--lhds-color-blue-400);\n\n /*\n State variables\n */\n\n --current-outer-border-bottom-color: transparent;\n --current-inset-shadow: none;\n --current-label-color: var(--swui-tab-label-color);\n\n /*\n Styling\n */\n\n outline: none;\n height: var(--swui-tab-menu-height);\n padding: 0 calc(var(--swui-metrics-indent) * 2);\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n font-size: var(--swui-font-size-small);\n font-family: var(--swui-font-buttons);\n font-weight: var(--swui-font-weight-text-bold);\n border: none;\n border-bottom: 2px solid var(--current-outer-border-bottom-color);\n cursor: pointer;\n background-color: transparent;\n color: var(--current-label-color);\n}\n\n .Tab-module_tab__3Hb1M:focus-visible {\n outline: 1px solid var(--swui-tab-outline-color-focus);\n box-shadow: inset var(--swui-primary-action-color) 0 0 4px 0;\n border: none;\n padding-bottom: 2px;\n }\n\n .Tab-module_tab__3Hb1M.Tab-module_selected__20X1B {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-selected);\n --current-label-color: var(--swui-tab-label-color-selected);\n }\n\n .Tab-module_tab__3Hb1M:hover:not(.Tab-module_selected__20X1B) {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-hover);\n }\n";
619
+ var css_248z$3 = ".Tab-module_tab__3Hb1M {\n --swui-tab-border-color: var(--lhds-color-ui-200);\n --swui-tab-border-color-hover: var(--lhds-color-blue-200);\n --swui-tab-border-color-focus: var(--lhds-color-blue-200);\n --swui-tab-border-color-selected: var(--lhds-color-blue-600);\n --swui-tab-label-color: var(--swui-text-primary-color);\n --swui-tab-label-color-selected: var(--swui-text-action-color);\n --swui-tab-outline-color-focus: var(--lhds-color-blue-400);\n\n /*\n State variables\n */\n\n --current-outer-border-bottom-color: transparent;\n --current-inset-shadow: none;\n --current-label-color: var(--swui-tab-label-color);\n\n /*\n Styling\n */\n\n outline: none;\n height: var(--swui-tab-menu-height);\n padding: 0 calc(var(--swui-metrics-indent) * 2);\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n font-size: var(--swui-font-size-medium);\n font-family: var(--swui-font-buttons);\n font-weight: var(--swui-font-weight-text-bold);\n border: none;\n border-bottom: 2px solid var(--current-outer-border-bottom-color);\n cursor: pointer;\n background-color: transparent;\n color: var(--current-label-color);\n}\n\n .Tab-module_tab__3Hb1M:focus-visible {\n outline: 1px solid var(--swui-tab-outline-color-focus);\n box-shadow: inset var(--swui-primary-action-color) 0 0 4px 0;\n border: none;\n padding-bottom: 2px;\n }\n\n .Tab-module_tab__3Hb1M.Tab-module_selected__20X1B {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-selected);\n --current-label-color: var(--swui-tab-label-color-selected);\n }\n\n .Tab-module_tab__3Hb1M:hover:not(.Tab-module_selected__20X1B) {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-hover);\n }\n";
620
620
  var styles$3 = {"tab":"Tab-module_tab__3Hb1M","selected":"Tab-module_selected__20X1B"};
621
621
  styleInject(css_248z$3);
622
622
 
package/dist/index.js CHANGED
@@ -643,7 +643,7 @@ var ActionMenuSeparator = function () {
643
643
  return React__namespace.createElement(core.SeparatorLine, null);
644
644
  };
645
645
 
646
- var css_248z$3 = ".Tab-module_tab__3Hb1M {\n --swui-tab-border-color: var(--lhds-color-ui-200);\n --swui-tab-border-color-hover: var(--lhds-color-blue-200);\n --swui-tab-border-color-focus: var(--lhds-color-blue-200);\n --swui-tab-border-color-selected: var(--lhds-color-blue-600);\n --swui-tab-label-color: var(--swui-text-primary-color);\n --swui-tab-label-color-selected: var(--swui-text-action-color);\n --swui-tab-outline-color-focus: var(--lhds-color-blue-400);\n\n /*\n State variables\n */\n\n --current-outer-border-bottom-color: transparent;\n --current-inset-shadow: none;\n --current-label-color: var(--swui-tab-label-color);\n\n /*\n Styling\n */\n\n outline: none;\n height: var(--swui-tab-menu-height);\n padding: 0 calc(var(--swui-metrics-indent) * 2);\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n font-size: var(--swui-font-size-small);\n font-family: var(--swui-font-buttons);\n font-weight: var(--swui-font-weight-text-bold);\n border: none;\n border-bottom: 2px solid var(--current-outer-border-bottom-color);\n cursor: pointer;\n background-color: transparent;\n color: var(--current-label-color);\n}\n\n .Tab-module_tab__3Hb1M:focus-visible {\n outline: 1px solid var(--swui-tab-outline-color-focus);\n box-shadow: inset var(--swui-primary-action-color) 0 0 4px 0;\n border: none;\n padding-bottom: 2px;\n }\n\n .Tab-module_tab__3Hb1M.Tab-module_selected__20X1B {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-selected);\n --current-label-color: var(--swui-tab-label-color-selected);\n }\n\n .Tab-module_tab__3Hb1M:hover:not(.Tab-module_selected__20X1B) {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-hover);\n }\n";
646
+ var css_248z$3 = ".Tab-module_tab__3Hb1M {\n --swui-tab-border-color: var(--lhds-color-ui-200);\n --swui-tab-border-color-hover: var(--lhds-color-blue-200);\n --swui-tab-border-color-focus: var(--lhds-color-blue-200);\n --swui-tab-border-color-selected: var(--lhds-color-blue-600);\n --swui-tab-label-color: var(--swui-text-primary-color);\n --swui-tab-label-color-selected: var(--swui-text-action-color);\n --swui-tab-outline-color-focus: var(--lhds-color-blue-400);\n\n /*\n State variables\n */\n\n --current-outer-border-bottom-color: transparent;\n --current-inset-shadow: none;\n --current-label-color: var(--swui-tab-label-color);\n\n /*\n Styling\n */\n\n outline: none;\n height: var(--swui-tab-menu-height);\n padding: 0 calc(var(--swui-metrics-indent) * 2);\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n font-size: var(--swui-font-size-medium);\n font-family: var(--swui-font-buttons);\n font-weight: var(--swui-font-weight-text-bold);\n border: none;\n border-bottom: 2px solid var(--current-outer-border-bottom-color);\n cursor: pointer;\n background-color: transparent;\n color: var(--current-label-color);\n}\n\n .Tab-module_tab__3Hb1M:focus-visible {\n outline: 1px solid var(--swui-tab-outline-color-focus);\n box-shadow: inset var(--swui-primary-action-color) 0 0 4px 0;\n border: none;\n padding-bottom: 2px;\n }\n\n .Tab-module_tab__3Hb1M.Tab-module_selected__20X1B {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-selected);\n --current-label-color: var(--swui-tab-label-color-selected);\n }\n\n .Tab-module_tab__3Hb1M:hover:not(.Tab-module_selected__20X1B) {\n --current-outer-border-bottom-color: var(--swui-tab-border-color-hover);\n }\n";
647
647
  var styles$3 = {"tab":"Tab-module_tab__3Hb1M","selected":"Tab-module_selected__20X1B"};
648
648
  styleInject(css_248z$3);
649
649
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/elements",
3
- "version": "15.5.5",
3
+ "version": "15.5.8",
4
4
  "description": "",
5
5
  "author": "mattias800",
6
6
  "license": "MIT",
@@ -28,8 +28,8 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@react-aria/focus": "3.3.0",
31
- "@stenajs-webui/core": "15.5.5",
32
- "@stenajs-webui/theme": "15.5.5",
31
+ "@stenajs-webui/core": "15.5.8",
32
+ "@stenajs-webui/theme": "15.5.8",
33
33
  "classnames": "^2.3.1"
34
34
  },
35
35
  "peerDependencies": {
@@ -62,5 +62,5 @@
62
62
  "files": [
63
63
  "dist"
64
64
  ],
65
- "gitHead": "f745888e0c33ac6781f5f101e6a213a206f7c207"
65
+ "gitHead": "2c18a5ec3fabd3d6de34090348e992f8c7e9101a"
66
66
  }