umbraco · iOvergaard · Apr 1, 2022 · Apr 1, 2022 · Apr 1, 2022 · Apr 1, 2022
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
@@ -44,6 +44,7 @@ jobs:
         with:
           node-version: 16.x
           cache: 'npm'
+      - run: npm config set unsafe-perm true
       - name: Install dependencies
         run: npm ci
       - name: Publish to Chromatic

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
@@ -28,6 +28,7 @@ jobs:
           node-version: ${{ matrix.node-version }}
 
       - run: npm -v
+      - run: npm config set unsafe-perm true
       - run: npm ci
 
       - run: sudo npx playwright install-deps

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -31,7 +31,8 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'
-      - run: npm install
+      - run: npm config set unsafe-perm true
+      - run: npm ci
       - run: npm run lint
       - run: sudo npx playwright install-deps
       - run: npm run test

diff --git a/lerna.json b/lerna.json
@@ -7,5 +7,16 @@
     "publish": {
       "verifyAccess": false
     }
-  }
+  },
+  "ignoreChanges": [
+    "**/tsconfig.json",
+    "**/*.story.ts",
+    "**/*.test.ts",
+    "**/*.md",
+    "lerna.json",
+    ".storybook/**/*",
+    "storyhelpers/**/*",
+    "templates/**/*",
+    "docs/**/*"
+  ]
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -113,7 +113,7 @@
     "rollup-plugin-postcss": "4.0.2",
     "storybook-builder-vite": "0.1.21",
     "tsc-files": "1.1.3",
-    "turbo": "1.1.10",
+    "turbo": "1.1.5",
     "typescript": "4.5.2",
     "vite": "2.8.6",
     "vite-tsconfig-paths": "3.4.1",

diff --git a/packages/uui-action-bar/CHANGELOG.md b/packages/uui-action-bar/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-action-bar
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 **Note:** Version bump only for package @umbraco-ui/uui-action-bar
diff --git a/packages/uui-action-bar/package.json b/packages/uui-action-bar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-action-bar",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0",
-    "@umbraco-ui/uui-button-group": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1",
+    "@umbraco-ui/uui-button-group": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-avatar-group/CHANGELOG.md b/packages/uui-avatar-group/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-avatar-group
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 ### Features

diff --git a/packages/uui-avatar-group/package.json b/packages/uui-avatar-group/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-avatar-group",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-avatar": "0.1.0",
-    "@umbraco-ui/uui-base": "0.1.0"
+    "@umbraco-ui/uui-avatar": "0.1.1",
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-avatar/CHANGELOG.md b/packages/uui-avatar/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-avatar
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 **Note:** Version bump only for package @umbraco-ui/uui-avatar
diff --git a/packages/uui-avatar/package.json b/packages/uui-avatar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-avatar",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "description": "An avatar web component for displaying user avatars.",
   "keywords": [
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-badge/CHANGELOG.md b/packages/uui-badge/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-badge
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 **Note:** Version bump only for package @umbraco-ui/uui-badge
diff --git a/packages/uui-badge/package.json b/packages/uui-badge/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-badge",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "description": "A badge to notify that there is something that requires attention of the user.",
   "keywords": [
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-base/CHANGELOG.md b/packages/uui-base/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-base
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 ### Features

diff --git a/packages/uui-base/package.json b/packages/uui-base/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-base",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",

diff --git a/packages/uui-boolean-input/CHANGELOG.md b/packages/uui-boolean-input/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-boolean-input
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 ### Bug Fixes

diff --git a/packages/uui-boolean-input/package.json b/packages/uui-boolean-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-boolean-input",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-box/CHANGELOG.md b/packages/uui-box/CHANGELOG.md
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+### Bug Fixes
+
+- Remove local definition of --uui-box-default-padding for uui-box ([#189](https://github.com/umbraco/Umbraco.UI/issues/189)) ([fd290a4](https://github.com/umbraco/Umbraco.UI/commit/fd290a47dbe3e3f79e33282a6ac4778c6374b430))
+
+### BREAKING CHANGES
+
+- This should now be configured globally
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 **Note:** Version bump only for package @umbraco-ui/uui-box
diff --git a/packages/uui-box/lib/uui-box.element.ts b/packages/uui-box/lib/uui-box.element.ts
@@ -6,8 +6,8 @@ import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 /**
  *  A box for grouping elements
  *  @element uui-box
- *  @slot headline - headline area
- *  @slot header - headline area
+ *  @slot headline - headline area, this area is placed within the headline tag which is located inside the header. Use this to ensure the right headline styling.
+ *  @slot header - header area, use this for things that is not the headline but located in the header.
  *  @slot default - area for the content of the box
  *  @cssprop --uui-box-default-padding - overwrite the box padding
  *
@@ -22,7 +22,6 @@ export class UUIBoxElement extends LitElement {
         box-shadow: var(--uui-shadow-depth-1);
         border-radius: var(--uui-border-radius);
         background-color: var(--uui-interface-surface);
-        --uui-box-default-padding: var(--uui-size-space-5);
       }
 
       #header {

diff --git a/packages/uui-box/lib/uui-box.test.ts b/packages/uui-box/lib/uui-box.test.ts
@@ -24,6 +24,24 @@ describe('UUIBox', () => {
     });
   });
 
+  describe('css custom properties', () => {
+    let wrapper: HTMLDivElement;
+    let element: UUIBoxElement;
+    beforeEach(async () => {
+      wrapper = (await fixture(html`<div
+        style="--uui-box-default-padding:1337px;">
+        <uui-box headline="headline"> Main </uui-box>
+      </div>`)) as HTMLDivElement;
+      element = wrapper.querySelector('uui-box')!;
+    });
+    it('allows for --uui-box-default-padding to be defined outside the scope.', () => {
+      const elementStyles = window.getComputedStyle(element);
+      expect(
+        elementStyles.getPropertyValue('--uui-box-default-padding').trim()
+      ).to.equal('1337px');
+    });
+  });
+
   describe('template', () => {
     it('renders a default slot', () => {
       const slot = element.shadowRoot!.querySelector('slot')!;

diff --git a/packages/uui-box/package.json b/packages/uui-box/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-box",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "MIT",
   "description": "A box web component for grouping elements",
   "keywords": [
@@ -29,8 +29,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0",
-    "@umbraco-ui/uui-css": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1",
+    "@umbraco-ui/uui-css": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-breadcrumbs/CHANGELOG.md b/packages/uui-breadcrumbs/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-breadcrumbs
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 ### Features

diff --git a/packages/uui-breadcrumbs/package.json b/packages/uui-breadcrumbs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-breadcrumbs",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -32,7 +32,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-button-group/CHANGELOG.md b/packages/uui-button-group/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-button-group
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 ### Features

diff --git a/packages/uui-button-group/package.json b/packages/uui-button-group/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-button-group",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "description": "An element to group buttons.",
   "keywords": [
@@ -31,7 +31,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-button-inline-create/CHANGELOG.md b/packages/uui-button-inline-create/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-button-inline-create
+
 # [0.1.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 ### Bug Fixes

diff --git a/packages/uui-button-inline-create/package.json b/packages/uui-button-inline-create/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-button-inline-create",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.1.0"
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

diff --git a/packages/uui-button/CHANGELOG.md b/packages/uui-button/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.1](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-04-01)
+
+**Note:** Version bump only for package @umbraco-ui/uui-button
+
 # [0.2.0](https://github.com/umbraco/Umbraco.UI/compare/@umbraco-ui/[email protected]...@umbraco-ui/[email protected]) (2022-03-31)
 
 ### Features