@purpurds/breadcrumbs 5.4.2 → 5.5.0

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.
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-breadcrumbs_11sb5_1{font-family:var(--purpur-typography-family-default);padding:var(--purpur-spacing-150) 0}._purpur-breadcrumbs_11sb5_1 a,._purpur-breadcrumbs_11sb5_1 li:only-child:not(:has(a)){display:inline-flex;gap:var(--purpur-spacing-50);font-size:var(--purpur-typography-scale-75);text-underline-offset:3px;text-decoration-skip-ink:none;padding:14px 2px;letter-spacing:.3px}._purpur-breadcrumbs_11sb5_1 a:hover,._purpur-breadcrumbs_11sb5_1 a:active,._purpur-breadcrumbs_11sb5_1 li:only-child:not(:has(a)):hover,._purpur-breadcrumbs_11sb5_1 li:only-child:not(:has(a)):active{text-decoration-thickness:2px;text-underline-offset:2px}._purpur-breadcrumbs--default_11sb5_18,._purpur-breadcrumbs--default_11sb5_18 a{color:var(--purpur-color-text-interactive-primary)}._purpur-breadcrumbs--default_11sb5_18 a:hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-breadcrumbs--default_11sb5_18 a:active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-breadcrumbs--negative_11sb5_32,._purpur-breadcrumbs--negative_11sb5_32 a{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-breadcrumbs--negative_11sb5_32 a:hover{color:var(--purpur-color-text-interactive-primary-negative-hover);background:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-breadcrumbs--negative_11sb5_32 a:active{color:var(--purpur-color-text-interactive-primary-negative-active);background:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-breadcrumbs__list_11sb5_46{display:flex;flex-direction:row;align-items:center;gap:var(--purpur-spacing-50);padding:0;list-style:none}._purpur-breadcrumbs__home_11sb5_54{display:none}@media screen and (min-width: 600px){._purpur-breadcrumbs__home_11sb5_54{display:inline-flex;align-items:center}}._purpur-breadcrumb-item_11sb5_64{white-space:nowrap}._purpur-breadcrumb-item--current_11sb5_67{text-overflow:ellipsis;overflow:hidden}._purpur-breadcrumb-item--current_11sb5_67 a{color:var(--purpur-color-text-default);text-decoration:none;font-weight:var(--purpur-typography-weight-medium)}._purpur-breadcrumb-item--current_11sb5_67 a:hover{background:none}._purpur-breadcrumb-item_11sb5_64:not(:nth-last-child(2)):not(:last-child){display:none}@media screen and (min-width: 600px){._purpur-breadcrumb-item_11sb5_64:not(:nth-last-child(2)):not(:last-child){display:initial}}._purpur-breadcrumb-item--negative_11sb5_87._purpur-breadcrumb-item--current_11sb5_67 a{color:var(--purpur-color-text-default-negative)}._purpur-breadcrumb-item__separator_11sb5_90{font-size:var(--purpur-typography-scale-75);margin-left:var(--purpur-spacing-50)}
1
+ ._purpur-breadcrumbs_3f81v_1{font-family:var(--purpur-typography-family-default);padding:var(--purpur-spacing-150) 0}._purpur-breadcrumbs_3f81v_1 a,._purpur-breadcrumbs_3f81v_1 li:only-child:not(:has(a)){display:inline-flex;gap:var(--purpur-spacing-50);font-size:var(--purpur-typography-scale-75);text-underline-offset:3px;text-decoration-skip-ink:none;padding:14px 2px;letter-spacing:.3px}._purpur-breadcrumbs_3f81v_1 a:hover,._purpur-breadcrumbs_3f81v_1 a:active,._purpur-breadcrumbs_3f81v_1 li:only-child:not(:has(a)):hover,._purpur-breadcrumbs_3f81v_1 li:only-child:not(:has(a)):active{text-decoration-thickness:2px;text-underline-offset:2px}._purpur-breadcrumbs--default_3f81v_21,._purpur-breadcrumbs--default_3f81v_21 a{color:var(--purpur-color-text-interactive-primary)}._purpur-breadcrumbs--default_3f81v_21 a:hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-breadcrumbs--default_3f81v_21 a:active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-breadcrumbs--negative_3f81v_35,._purpur-breadcrumbs--negative_3f81v_35 a{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-breadcrumbs--negative_3f81v_35 a:hover{color:var(--purpur-color-text-interactive-primary-negative-hover);background:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-breadcrumbs--negative_3f81v_35 a:active{color:var(--purpur-color-text-interactive-primary-negative-active);background:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-breadcrumbs__list_3f81v_49{display:flex;flex-direction:row;align-items:center;gap:var(--purpur-spacing-50);padding:0;list-style:none}._purpur-breadcrumbs__home_3f81v_57{display:none}@media screen and (min-width: 600px){._purpur-breadcrumbs__home_3f81v_57{display:inline-flex;align-items:center}}._purpur-breadcrumb-item_3f81v_67{white-space:nowrap}._purpur-breadcrumb-item--current_3f81v_70{overflow:hidden}._purpur-breadcrumb-item--current_3f81v_70 a{display:block;text-overflow:ellipsis;overflow:hidden;color:var(--purpur-color-text-default);text-decoration:none;font-weight:var(--purpur-typography-weight-medium)}._purpur-breadcrumb-item--current_3f81v_70 a:hover{background:none}._purpur-breadcrumb-item_3f81v_67:not(:nth-last-child(2)):not(:last-child){display:none}@media screen and (min-width: 600px){._purpur-breadcrumb-item_3f81v_67:not(:nth-last-child(2)):not(:last-child){display:initial}}._purpur-breadcrumb-item--negative_3f81v_92._purpur-breadcrumb-item--current_3f81v_70 a{color:var(--purpur-color-text-default-negative)}._purpur-breadcrumb-item__separator_3f81v_95{font-size:var(--purpur-typography-scale-75);margin-left:var(--purpur-spacing-50)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/breadcrumbs",
3
- "version": "5.4.2",
3
+ "version": "5.5.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/breadcrumbs.cjs.js",
6
6
  "types": "./dist/breadcrumbs.d.ts",
@@ -15,8 +15,8 @@
15
15
  "source": "src/breadcrumbs.tsx",
16
16
  "dependencies": {
17
17
  "classnames": "~2.5.0",
18
- "@purpurds/icon": "5.4.2",
19
- "@purpurds/tokens": "5.4.2"
18
+ "@purpurds/tokens": "5.5.0",
19
+ "@purpurds/icon": "5.5.0"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@rushstack/eslint-patch": "~1.10.0",
@@ -5,7 +5,8 @@
5
5
 
6
6
  padding: var(--purpur-spacing-150) 0;
7
7
 
8
- a, li:only-child:not(:has(a)) {
8
+ a,
9
+ li:only-child:not(:has(a)) {
9
10
  display: inline-flex;
10
11
  gap: var(--purpur-spacing-50);
11
12
  font-size: var(--purpur-typography-scale-75);
@@ -84,10 +85,12 @@
84
85
  white-space: nowrap;
85
86
 
86
87
  &--current {
87
- text-overflow: ellipsis;
88
88
  overflow: hidden;
89
89
 
90
90
  a {
91
+ display: block;
92
+ text-overflow: ellipsis;
93
+ overflow: hidden;
91
94
  color: var(--purpur-color-text-default);
92
95
  text-decoration: none;
93
96
  font-weight: var(--purpur-typography-weight-medium);
@@ -118,4 +121,4 @@
118
121
  font-size: var(--purpur-typography-scale-75);
119
122
  margin-left: var(--purpur-spacing-50);
120
123
  }
121
- }
124
+ }