@sps-woodland/tags 8.2.1 → 8.3.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.
Files changed (3) hide show
  1. package/lib/index.es.js +26 -46
  2. package/lib/style.css +1 -1
  3. package/package.json +5 -5
package/lib/index.es.js CHANGED
@@ -74,32 +74,30 @@ function w({
74
74
  function y(g) {
75
75
  g.stopPropagation(), e && e(g);
76
76
  }
77
- return /* @__PURE__ */ o.createElement("div", {
78
- className: m(S({ kind: c, disabled: l }), r),
79
- ...d
80
- }, /* @__PURE__ */ o.createElement("span", {
81
- className: m(
82
- K({
83
- link: !!s || !!e,
84
- disabled: l,
85
- addOrRemove: t || n
86
- })
87
- ),
88
- onClick: y,
89
- title: u
90
- }, s ? /* @__PURE__ */ o.createElement("a", {
91
- className: x,
92
- href: s
93
- }, a) : a), (t || n) && !l && /* @__PURE__ */ o.createElement("div", {
94
- className: h,
95
- onClick: l ? void 0 : b,
96
- tabIndex: -1,
97
- "aria-label": t ? "Add" : "Remove"
98
- }, /* @__PURE__ */ o.createElement(C, {
99
- className: E,
100
- "aria-hidden": "true",
101
- icon: t ? "plus-sign" : "x"
102
- })));
77
+ return /* @__PURE__ */ o.createElement("div", { className: m(S({ kind: c, disabled: l }), r), ...d }, /* @__PURE__ */ o.createElement(
78
+ "span",
79
+ {
80
+ className: m(
81
+ K({
82
+ link: !!s || !!e,
83
+ disabled: l,
84
+ addOrRemove: t || n
85
+ })
86
+ ),
87
+ onClick: y,
88
+ title: u
89
+ },
90
+ s ? /* @__PURE__ */ o.createElement("a", { className: x, href: s }, a) : a
91
+ ), (t || n) && !l && /* @__PURE__ */ o.createElement(
92
+ "div",
93
+ {
94
+ className: h,
95
+ onClick: l ? void 0 : b,
96
+ tabIndex: -1,
97
+ "aria-label": t ? "Add" : "Remove"
98
+ },
99
+ /* @__PURE__ */ o.createElement(C, { className: E, "aria-hidden": "true", icon: t ? "plus-sign" : "x" })
100
+ ));
103
101
  }
104
102
  T.set(w, {
105
103
  name: "Clickable Tag",
@@ -128,13 +126,7 @@ function p({
128
126
  icon: l,
129
127
  ...s
130
128
  }) {
131
- return /* @__PURE__ */ o.createElement("span", {
132
- className: m(F({ kind: e }), r),
133
- ...s
134
- }, l && /* @__PURE__ */ o.createElement(C, {
135
- className: m(V({ kind: e })),
136
- icon: P[e]
137
- }), a);
129
+ return /* @__PURE__ */ o.createElement("span", { className: m(F({ kind: e }), r), ...s }, l && /* @__PURE__ */ o.createElement(C, { className: m(V({ kind: e })), icon: P[e] }), a);
138
130
  }
139
131
  T.set(p, {
140
132
  name: "Tag",
@@ -154,19 +146,7 @@ function N({
154
146
  value: t,
155
147
  ...n
156
148
  }) {
157
- return /* @__PURE__ */ o.createElement("span", {
158
- className: m(j, r),
159
- ...n
160
- }, /* @__PURE__ */ o.createElement(p, {
161
- className: m(I),
162
- icon: s,
163
- kind: e
164
- }, c), /* @__PURE__ */ o.createElement(p, {
165
- className: m(D({ href: !!l, kind: e }))
166
- }, l ? /* @__PURE__ */ o.createElement("a", {
167
- className: R,
168
- href: l
169
- }, t) : t));
149
+ return /* @__PURE__ */ o.createElement("span", { className: m(j, r), ...n }, /* @__PURE__ */ o.createElement(p, { className: m(I), icon: s, kind: e }, c), /* @__PURE__ */ o.createElement(p, { className: m(D({ href: !!l, kind: e })) }, l ? /* @__PURE__ */ o.createElement("a", { className: R, href: l }, t) : t));
170
150
  }
171
151
  T.set(N, {
172
152
  name: "Split Tag",
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- ._160drw10{border-radius:.125rem;display:inline-flex;color:#09638d;font-size:.75rem;font-weight:600;height:1.125rem;line-height:.75rem;max-width:100%}._160drw11{background-color:#e6f2f8}._160drw12{background-color:#e9e9ea}._160drw13{background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;color:#717779;cursor:not-allowed}._160drw15{border-radius:.125rem;flex-grow:1;flex-shrink:1;height:1.125rem;overflow:hidden;padding:.125rem .25rem;text-overflow:ellipsis;white-space:nowrap}._160drw16{cursor:pointer;text-decoration:underline}._160drw16:hover{color:#e6f2f8;background-color:#09638d;border-radius:.125rem}._160drw1c{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}._160drw1d{border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;color:#09638d;height:1.125rem;line-height:.75rem;padding:.125rem .25rem}._160drw1d:focus,._160drw1d:hover{background-color:#09638d;color:#e6f2f8;cursor:pointer}._160drw1e{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>._160drw1f{color:#09638d}span:hover>._160drw1f{color:#e6f2f8}._5f3efi0{border-radius:.125rem;display:inline-block;font-size:.75rem;font-weight:600;line-height:.75rem;overflow:hidden;padding:.125rem .25rem;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}._5f3efi1{background:#e9e9ea;color:#4b5356}._5f3efi2{background:#4b5356;color:#fff}._5f3efi3{background:#e7760b;color:#fff}._5f3efi4{background:#de002e;color:#fff}._5f3efi5{background:#91467f;color:#fff}._5f3efi6{background:#0b8940;color:#fff}._5f3efi7{background:#007db8;color:#fff}._5f3efi8{font-size:.75rem;line-height:.625rem;margin-right:.25rem}._5f3efi8:before{vertical-align:text-bottom}._5f3efi9{display:none}._79ofse0{display:inline-block}._79ofse1{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}._79ofse2{background:#ffffff;border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;padding:.125rem .25rem;box-shadow:.0625rem 0 #e9e9ea inset,-.0625rem 0 #e9e9ea inset,0 .0625rem #e9e9ea inset,0 -.0625rem #e9e9ea inset}._79ofse3{cursor:pointer;text-decoration:underline;color:#4b5356}._79ofse6{box-shadow:.0625rem 0 #4b5356 inset,-.0625rem 0 #4b5356 inset,0 .0625rem #4b5356 inset,0 -.0625rem #4b5356 inset}._79ofse7{box-shadow:.0625rem 0 #e7760b inset,-.0625rem 0 #e7760b inset,0 .0625rem #e7760b inset,0 -.0625rem #e7760b inset}._79ofse8{box-shadow:.0625rem 0 #de002e inset,-.0625rem 0 #de002e inset,0 .0625rem #de002e inset,0 -.0625rem #de002e inset}._79ofse9{box-shadow:.0625rem 0 #91467f inset,-.0625rem 0 #91467f inset,0 .0625rem #91467f inset,0 -.0625rem #91467f inset}._79ofsea{box-shadow:.0625rem 0 #0b8940 inset,-.0625rem 0 #0b8940 inset,0 .0625rem #0b8940 inset,0 -.0625rem #0b8940 inset}._79ofseb{box-shadow:.0625rem 0 #007db8 inset,-.0625rem 0 #007db8 inset,0 .0625rem #007db8 inset,0 -.0625rem #007db8 inset}._79ofsec,._79ofsec:hover{color:#4b5356}
1
+ ._160drw10{border-radius:.125rem;display:inline-flex;color:oklch(47.39% .101 237.12);font-size:.75rem;font-weight:600;height:1.125rem;line-height:.75rem;max-width:100%}._160drw11{background-color:oklch(95.39% .015 228.96)}._160drw12{background-color:oklch(93.43% .001 286.37)}._160drw13{background-color:oklch(100% 0 0);border-width:.0625rem;border-style:solid;border-color:oklch(86.84% .002 197.12);color:oklch(56.48% .008 219.62);cursor:not-allowed}._160drw15{border-radius:.125rem;flex-grow:1;flex-shrink:1;height:1.125rem;overflow:hidden;padding:.125rem .25rem;text-overflow:ellipsis;white-space:nowrap}._160drw16{cursor:pointer;text-decoration:underline}._160drw16:hover{color:oklch(95.39% .015 228.96);background-color:oklch(47.39% .101 237.12);border-radius:.125rem}._160drw1c{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}._160drw1d{border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;color:oklch(47.39% .101 237.12);height:1.125rem;line-height:.75rem;padding:.125rem .25rem}._160drw1d:focus,._160drw1d:hover{background-color:oklch(47.39% .101 237.12);color:oklch(95.39% .015 228.96);cursor:pointer}._160drw1e{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>._160drw1f{color:oklch(47.39% .101 237.12)}span:hover>._160drw1f{color:oklch(95.39% .015 228.96)}._5f3efi0{border-radius:.125rem;display:inline-block;font-size:.75rem;font-weight:600;line-height:.75rem;overflow:hidden;padding:.125rem .25rem;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}._5f3efi1{background:oklch(93.43% .001 286.37);color:oklch(43.62% .011 222.24)}._5f3efi2{background:oklch(43.62% .011 222.24);color:oklch(100% 0 0)}._5f3efi3{background:oklch(68.35% .17 53.59);color:oklch(100% 0 0)}._5f3efi4{background:oklch(56.83% .229 22.94);color:oklch(100% 0 0)}._5f3efi5{background:oklch(50.83% .125 337.21);color:oklch(100% 0 0)}._5f3efi6{background:oklch(55.21% .148 150.27);color:oklch(100% 0 0)}._5f3efi7{background:oklch(56.21% .128 239.83);color:oklch(100% 0 0)}._5f3efi8{font-size:.75rem;line-height:.625rem;margin-right:.25rem}._5f3efi8:before{vertical-align:text-bottom}._5f3efi9{display:none}._79ofse0{display:inline-block}._79ofse1{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}._79ofse2{background:oklch(100% 0 0);border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;padding:.125rem .25rem;box-shadow:.0625rem 0 0 oklch(93.43% .001 286.37) inset,-.0625rem 0 0 oklch(93.43% .001 286.37) inset,0 .0625rem 0 oklch(93.43% .001 286.37) inset,0 -.0625rem 0 oklch(93.43% .001 286.37) inset}._79ofse3{cursor:pointer;text-decoration:underline;color:oklch(43.62% .011 222.24)}._79ofse6{box-shadow:.0625rem 0 0 oklch(43.62% .011 222.24) inset,-.0625rem 0 0 oklch(43.62% .011 222.24) inset,0 .0625rem 0 oklch(43.62% .011 222.24) inset,0 -.0625rem 0 oklch(43.62% .011 222.24) inset}._79ofse7{box-shadow:.0625rem 0 0 oklch(68.35% .17 53.59) inset,-.0625rem 0 0 oklch(68.35% .17 53.59) inset,0 .0625rem 0 oklch(68.35% .17 53.59) inset,0 -.0625rem 0 oklch(68.35% .17 53.59) inset}._79ofse8{box-shadow:.0625rem 0 0 oklch(56.83% .229 22.94) inset,-.0625rem 0 0 oklch(56.83% .229 22.94) inset,0 .0625rem 0 oklch(56.83% .229 22.94) inset,0 -.0625rem 0 oklch(56.83% .229 22.94) inset}._79ofse9{box-shadow:.0625rem 0 0 oklch(50.83% .125 337.21) inset,-.0625rem 0 0 oklch(50.83% .125 337.21) inset,0 .0625rem 0 oklch(50.83% .125 337.21) inset,0 -.0625rem 0 oklch(50.83% .125 337.21) inset}._79ofsea{box-shadow:.0625rem 0 0 oklch(55.21% .148 150.27) inset,-.0625rem 0 0 oklch(55.21% .148 150.27) inset,0 .0625rem 0 oklch(55.21% .148 150.27) inset,0 -.0625rem 0 oklch(55.21% .148 150.27) inset}._79ofseb{box-shadow:.0625rem 0 0 oklch(56.21% .128 239.83) inset,-.0625rem 0 0 oklch(56.21% .128 239.83) inset,0 .0625rem 0 oklch(56.21% .128 239.83) inset,0 -.0625rem 0 oklch(56.21% .128 239.83) inset}._79ofsec,._79ofsec:hover{color:oklch(43.62% .011 222.24)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sps-woodland/tags",
3
3
  "description": "SPS Woodland Design System tag components",
4
- "version": "8.2.1",
4
+ "version": "8.3.0",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/cards",
@@ -29,8 +29,8 @@
29
29
  "@spscommerce/utils": "^6.12.1",
30
30
  "react": "^16.14.0",
31
31
  "react-dom": "^16.14.0",
32
- "@sps-woodland/core": "8.2.1",
33
- "@sps-woodland/tokens": "8.2.1"
32
+ "@sps-woodland/core": "8.3.0",
33
+ "@sps-woodland/tokens": "8.3.0"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@spscommerce/utils": "^6.12.1",
@@ -38,8 +38,8 @@
38
38
  "@vanilla-extract/recipes": "^0.2.5",
39
39
  "react": "^16.14.0",
40
40
  "react-dom": "^16.14.0",
41
- "@sps-woodland/core": "8.2.1",
42
- "@sps-woodland/tokens": "8.2.1"
41
+ "@sps-woodland/core": "8.3.0",
42
+ "@sps-woodland/tokens": "8.3.0"
43
43
  },
44
44
  "scripts": {
45
45
  "build": "pnpm run build:js && pnpm run build:types",