@hug/hospitality 1.0.0-alpha.13 → 1.0.0-alpha.14

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 (10) hide show
  1. package/material/app-bar/app-bar.scss +2 -2
  2. package/material/column/column.scss +5 -0
  3. package/material/column-bar/column-bar.scss +4 -3
  4. package/material/filters-group/filters-group.scss +3 -4
  5. package/material/layout/layout.scss +5 -3
  6. package/material/main-bar/main-bar.scss +2 -2
  7. package/material/panel/panel.scss +14 -3
  8. package/material/panel-bar/panel-bar.scss +2 -2
  9. package/material/search-bar-container/search-bar-container.scss +5 -3
  10. package/package.json +1 -1
package/material/app-bar/app-bar.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  ngx-app-bar {
2
- --ngx-app-bar-min-height: 56px;
2
+ --ngx-app-bar-min-height: 3.5rem;
3
3
  --ngx-app-bar-gap: var(--hy-spacing-x-small);
4
4
  --ngx-app-bar-condensed-gap: var(--hy-spacing-small);
5
5
  --ngx-app-bar-actions-gap: var(--hy-spacing-small);
6
- --ngx-app-bar-with-subtitle-padding-block: var(--hy-spacing-x-small);
6
+ --ngx-app-bar-padding: var(--hy-spacing-x-small) var(--hy-spacing-medium);
7
7
 
8
8
  --ngx-app-bar-title-font: var(--hy-typo-headline-medium-emphasized);
9
9
  --ngx-app-bar-title-letter-spacing: var(
package/material/column/column.scss ADDED
@@ -0,0 +1,5 @@
1
+ ngx-column {
2
+ --ngx-column-content-gap: var(--hy-spacing-small);
3
+ --ngx-column-content-padding: var(--hy-spacing-x-small)
4
+ var(--hy-spacing-small);
5
+ }
package/material/column-bar/column-bar.scss CHANGED
@@ -1,11 +1,12 @@
1
1
  ngx-column-bar {
2
- --ngx-column-bar-padding: var(--hy-spacing-x-small) var(--hy-spacing-small);
2
+ --ngx-column-bar-min-height: 3rem;
3
+ --ngx-column-bar-padding: var(--hy-spacing-x-small);
3
4
  --ngx-column-bar-title-first-child-padding-inline-start: var(
4
5
  --hy-spacing-x-small
5
6
  );
6
7
 
7
- --ngx-column-bar-gap: var(--hy-spacing-medium);
8
- --ngx-column-bar-elements-gap: var(--hy-spacing-medium);
8
+ --ngx-column-bar-gap: var(--hy-spacing-medium-small);
9
+ --ngx-column-bar-elements-gap: var(--hy-spacing-medium-small);
9
10
 
10
11
  --ngx-column-bar-actions-group-min-inline-size: 3rem;
11
12
  --ngx-column-bar-title-min-width: 6ch;
package/material/filters-group/filters-group.scss CHANGED
@@ -1,20 +1,19 @@
1
1
  ngx-filters-group {
2
2
  --ngx-filters-group-selected-label-max-width: 27ch;
3
- --ngx-filters-group-title-overlay-max-width: 27ch;
3
+ --ngx-filters-group-overlay-title-max-width: 27ch;
4
4
 
5
5
  --ngx-filters-group-gap: var(--hy-spacing-small);
6
- --ngx-filters-group-static-gap: var(--hy-spacing-small);
7
6
  --ngx-filters-group-overlay-content-gap: var(--hy-spacing-small);
8
7
  --ngx-filters-group-overlay-content-filter-gap: var(--hy-spacing-small);
9
8
 
10
9
  --ngx-filters-group-block-size: 3rem;
11
- --ngx-filters-group-border-radius: var(--hy-border-radius-x-large);
10
+ --ngx-filters-group-radius: var(--hy-border-radius-x-large);
12
11
  --ngx-filters-group-first-chip-option-shape-radius: var(
13
12
  --hy-border-radius-medium
14
13
  )
15
14
  var(--hy-border-radius-small) var(--hy-border-radius-small)
16
15
  var(--hy-border-radius-medium);
17
- --ngx-filters-group-overlay-border-radius: var(--hy-border-radius-small);
16
+ --ngx-filters-group-overlay-radius: var(--hy-border-radius-small);
18
17
  --ngx-filters-group-first-chip-shape-radius: var(--hy-border-radius-small);
19
18
 
20
19
  --ngx-filters-group-overlay-filter-padding: var(--hy-spacing-medium);
package/material/layout/layout.scss CHANGED
@@ -1,6 +1,8 @@
1
1
  ngx-layout {
2
- --ngx-layout-padding-block-end: var(--hy-spacing-medium-small);
3
- --ngx-layout-padding-inline: var(--hy-spacing-medium);
4
2
  --ngx-layout-content-gap: var(--hy-spacing-small);
5
- --ngx-layout-content-padding-block: var(--hy-spacing-x-small);
3
+
4
+ --ngx-layout-content-padding: var(--hy-spacing-x-small)
5
+ var(--hy-spacing-medium) var(--hy-spacing-medium);
6
+ --ngx-layout-extra-content-padding: var(--hy-spacing-x-small)
7
+ var(--hy-spacing-medium);
6
8
  }
package/material/main-bar/main-bar.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  ngx-main-bar {
2
- --ngx-main-bar-padding-block: var(--hy-spacing-x-small);
2
+ --ngx-main-bar-padding: var(--hy-spacing-x-small) var(--hy-spacing-medium);
3
3
  --ngx-main-bar-gap: var(--hy-spacing-medium-small);
4
4
  --ngx-main-bar-right-gap: var(--hy-spacing-medium-small);
5
- --ngx-main-bar-action-min-inline-size: 48px;
5
+ --ngx-main-bar-action-min-inline-size: 3rem;
6
6
  }
package/material/panel/panel.scss CHANGED
@@ -1,8 +1,19 @@
1
1
  ngx-panel {
2
2
  --ngx-panel-radius: var(--hy-radius-x-large);
3
3
 
4
- --ngx-panel-padding-block: var(--hy-spacing-x-small);
4
+ --ngx-panel-padding: var(--hy-spacing-x-small);
5
+
5
6
  --ngx-panel-content-gap: var(--hy-spacing-small);
6
- --ngx-panel-content-padding-inline: var(--hy-spacing-small);
7
- --ngx-panel-content-padding-block-end: var(--hy-spacing-medium-small);
7
+ --ngx-panel-content-padding: var(--hy-spacing-x-small)
8
+ var(--hy-spacing-medium-small);
9
+ --ngx-panel-content-column-gap: var(--hy-spacing-small);
10
+
11
+ --ngx-panel-content-column-divider-width: 1px;
12
+ --ngx-panel-content-divider-inset-inline-start: -0.25rem;
13
+ --ngx-panel-content-first-column-margin-inline-start: var(
14
+ --hy-spacing-x-small
15
+ );
16
+ --ngx-panel-content-last-column-margin-inline-end: var(
17
+ --hy-spacing-x-small
18
+ );
8
19
  }
package/material/panel-bar/panel-bar.scss CHANGED
@@ -3,8 +3,8 @@ ngx-panel-bar {
3
3
  --ngx-panel-bar-actions-group-min-inline-size: 3rem;
4
4
  --ngx-panel-bar-title-min-width: 6ch;
5
5
 
6
- --ngx-panel-bar-padding: var(--hy-spacing-x-small) var(--hy-spacing-small);
6
+ --ngx-panel-bar-padding: var(--hy-spacing-x-small);
7
7
  --ngx-panel-bar-gap: var(--hy-spacing-medium-small);
8
- --ngx-panel-bar-title-first-child-padding-start: var(--hy-spacing-x-small);
8
+ --ngx-panel-bar-title-first-child-padding-start: var(--hy-spacing-small);
9
9
  --ngx-panel-bar-elements-gap: var(--hy-spacing-medium-small);
10
10
  }
package/material/search-bar-container/search-bar-container.scss CHANGED
@@ -1,13 +1,15 @@
1
1
  ngx-search-bar-container {
2
+ --ngx-search-bar-container-max-width: 25rem;
3
+
2
4
  --ngx-search-bar-container-radius: var(--hy-radius-x-large);
3
5
 
4
- --ngx-search-bar-container-block-size: 48px;
6
+ --ngx-search-bar-container-block-size: 3rem;
5
7
  --ngx-search-bar-container-padding-inline-start: var(
6
8
  --hy-spacing-medium-large
7
9
  );
8
10
  --ngx-search-bar-container-padding-inline-end: var(--hy-spacing-x-small);
9
11
  --ngx-search-bar-container-gap: var(--hy-spacing-xx-small);
10
12
 
11
- --ngx-search-bar-folded-container-padding: 0 var(--hy-spacing-x-small);
12
- --ngx-search-bar-icon-padding: var(--hy-spacing-small);
13
+ --ngx-search-bar-container-folded-padding: 0 var(--hy-spacing-x-small);
14
+ --ngx-search-bar-container-icon-padding: var(--hy-spacing-small);
13
15
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hug/hospitality",
3
- "version": "1.0.0-alpha.13",
3
+ "version": "1.0.0-alpha.14",
4
4
  "description": "Hospitality Design System",
5
5
  "homepage": "https://github.com/dsi-hug/hospitality",
6
6
  "license": "GPL-3.0-only",