@purpurds/label 4.4.0 → 4.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/label.cjs.js +2 -2
- package/dist/label.es.js +17 -17
- package/dist/styles.css +1 -1
- package/package.json +3 -3
- package/src/label.module.scss +1 -2
package/dist/label.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),s=require("react");require("react-dom");function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},u.apply(this,arguments)}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},i.apply(this,arguments)}function v(e,r){typeof e=="function"?e(r):e!=null&&(e.current=r)}function y(...e){return r=>e.forEach(t=>v(t,r))}const b=s.forwardRef((e,r)=>{const{children:t,...o}=e,a=s.Children.toArray(t),n=a.find(
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),s=require("react");require("react-dom");function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},u.apply(this,arguments)}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},i.apply(this,arguments)}function v(e,r){typeof e=="function"?e(r):e!=null&&(e.current=r)}function y(...e){return r=>e.forEach(t=>v(t,r))}const b=s.forwardRef((e,r)=>{const{children:t,...o}=e,a=s.Children.toArray(t),n=a.find(O);if(n){const l=n.props.children,c=a.map(d=>d===n?s.Children.count(l)>1?s.Children.only(null):s.isValidElement(l)?l.props.children:null:d);return s.createElement(f,i({},o,{ref:r}),s.isValidElement(l)?s.cloneElement(l,void 0,c):null)}return s.createElement(f,i({},o,{ref:r}),t)});b.displayName="Slot";const f=s.forwardRef((e,r)=>{const{children:t,...o}=e;return s.isValidElement(t)?s.cloneElement(t,{...j(o,t.props),ref:r?y(r,t.ref):t.ref}):s.Children.count(t)>1?s.Children.only(null):null});f.displayName="SlotClone";const E=({children:e})=>s.createElement(s.Fragment,null,e);function O(e){return s.isValidElement(e)&&e.type===E}function j(e,r){const t={...r};for(const o in r){const a=e[o],n=r[o];/^on[A-Z]/.test(o)?a&&n?t[o]=(...c)=>{n(...c),a(...c)}:a&&(t[o]=a):o==="style"?t[o]={...a,...n}:o==="className"&&(t[o]=[a,n].filter(Boolean).join(" "))}return{...e,...t}}const w=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],g=w.reduce((e,r)=>{const t=s.forwardRef((o,a)=>{const{asChild:n,...l}=o,c=n?b:r;return s.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),s.createElement(c,i({},l,{ref:a}))});return t.displayName=`Primitive.${r}`,{...e,[r]:t}},{}),x=s.forwardRef((e,r)=>s.createElement(g.label,u({},e,{ref:r,onMouseDown:t=>{var o;(o=e.onMouseDown)===null||o===void 0||o.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()}}))),S=x;function C(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(e){(function(){var r={}.hasOwnProperty;function t(){for(var n="",l=0;l<arguments.length;l++){var c=arguments[l];c&&(n=a(n,o(c)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return t.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var l="";for(var c in n)r.call(n,c)&&n[c]&&(l=a(l,c));return l}function a(n,l){return l?n?n+" "+l:n+l:n}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})($);var N=$.exports;const P=C(N),p={"purpur-label":"_purpur-
|
|
5
|
+
*/(function(e){(function(){var r={}.hasOwnProperty;function t(){for(var n="",l=0;l<arguments.length;l++){var c=arguments[l];c&&(n=a(n,o(c)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return t.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var l="";for(var c in n)r.call(n,c)&&n[c]&&(l=a(l,c));return l}function a(n,l){return l?n?n+" "+l:n+l:n}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})($);var N=$.exports;const P=C(N),p={"purpur-label":"_purpur-label_1tkut_1","purpur-label--disabled":"_purpur-label--disabled_1tkut_9"},m="purpur-label",_=({children:e,className:r,htmlFor:t,"data-testid":o,disabled:a,...n})=>{const l=P([r,p[m],{[p[`${m}--disabled`]]:a}]);return h.jsx(S,{className:l,"data-testid":o,htmlFor:t,...n,children:e})};exports.Label=_;
|
|
6
6
|
//# sourceMappingURL=label.cjs.js.map
|
package/dist/label.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as p, Children as a, isValidElement as u, createElement as i, cloneElement as h, Fragment as
|
|
1
|
+
import { jsx as x } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p, Children as a, isValidElement as u, createElement as i, cloneElement as h, Fragment as j, useEffect as g } from "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
function d() {
|
|
5
5
|
return d = Object.assign ? Object.assign.bind() : function(e) {
|
|
@@ -32,25 +32,25 @@ function N(...e) {
|
|
|
32
32
|
const y = /* @__PURE__ */ p((e, r) => {
|
|
33
33
|
const { children: t, ...o } = e, l = a.toArray(t), n = l.find(_);
|
|
34
34
|
if (n) {
|
|
35
|
-
const s = n.props.children, c = l.map((
|
|
36
|
-
return /* @__PURE__ */ i(
|
|
35
|
+
const s = n.props.children, c = l.map(($) => $ === n ? a.count(s) > 1 ? a.only(null) : /* @__PURE__ */ u(s) ? s.props.children : null : $);
|
|
36
|
+
return /* @__PURE__ */ i(m, f({}, o, {
|
|
37
37
|
ref: r
|
|
38
38
|
}), /* @__PURE__ */ u(s) ? /* @__PURE__ */ h(s, void 0, c) : null);
|
|
39
39
|
}
|
|
40
|
-
return /* @__PURE__ */ i(
|
|
40
|
+
return /* @__PURE__ */ i(m, f({}, o, {
|
|
41
41
|
ref: r
|
|
42
42
|
}), t);
|
|
43
43
|
});
|
|
44
44
|
y.displayName = "Slot";
|
|
45
|
-
const
|
|
45
|
+
const m = /* @__PURE__ */ p((e, r) => {
|
|
46
46
|
const { children: t, ...o } = e;
|
|
47
47
|
return /* @__PURE__ */ u(t) ? /* @__PURE__ */ h(t, {
|
|
48
48
|
...P(o, t.props),
|
|
49
49
|
ref: r ? N(r, t.ref) : t.ref
|
|
50
50
|
}) : a.count(t) > 1 ? a.only(null) : null;
|
|
51
51
|
});
|
|
52
|
-
|
|
53
|
-
const S = ({ children: e }) => /* @__PURE__ */ i(
|
|
52
|
+
m.displayName = "SlotClone";
|
|
53
|
+
const S = ({ children: e }) => /* @__PURE__ */ i(j, null, e);
|
|
54
54
|
function _(e) {
|
|
55
55
|
return /* @__PURE__ */ u(e) && e.type === S;
|
|
56
56
|
}
|
|
@@ -115,7 +115,7 @@ const E = [
|
|
|
115
115
|
function M(e) {
|
|
116
116
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
117
117
|
}
|
|
118
|
-
var
|
|
118
|
+
var O = { exports: {} };
|
|
119
119
|
/*!
|
|
120
120
|
Copyright (c) 2018 Jed Watson.
|
|
121
121
|
Licensed under the MIT License (MIT), see
|
|
@@ -150,11 +150,11 @@ var j = { exports: {} };
|
|
|
150
150
|
}
|
|
151
151
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
152
152
|
})();
|
|
153
|
-
})(
|
|
154
|
-
var V =
|
|
155
|
-
const F = /* @__PURE__ */ M(V),
|
|
156
|
-
"purpur-label": "_purpur-
|
|
157
|
-
"purpur-label--disabled": "_purpur-label--
|
|
153
|
+
})(O);
|
|
154
|
+
var V = O.exports;
|
|
155
|
+
const F = /* @__PURE__ */ M(V), b = {
|
|
156
|
+
"purpur-label": "_purpur-label_1tkut_1",
|
|
157
|
+
"purpur-label--disabled": "_purpur-label--disabled_1tkut_9"
|
|
158
158
|
}, v = "purpur-label", Z = ({
|
|
159
159
|
children: e,
|
|
160
160
|
className: r,
|
|
@@ -165,10 +165,10 @@ const F = /* @__PURE__ */ M(V), $ = {
|
|
|
165
165
|
}) => {
|
|
166
166
|
const s = F([
|
|
167
167
|
r,
|
|
168
|
-
|
|
169
|
-
{ [
|
|
168
|
+
b[v],
|
|
169
|
+
{ [b[`${v}--disabled`]]: l }
|
|
170
170
|
]);
|
|
171
|
-
return /* @__PURE__ */
|
|
171
|
+
return /* @__PURE__ */ x(A, { className: s, "data-testid": o, htmlFor: t, ...n, children: e });
|
|
172
172
|
};
|
|
173
173
|
export {
|
|
174
174
|
Z as Label
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-
|
|
1
|
+
._purpur-label_1tkut_1{color:var(--purpur-color-text-default);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-default);cursor:pointer}._purpur-label--disabled_1tkut_9{color:var(--purpur-color-text-weak);cursor:default}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/label",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/label.cjs.js",
|
|
6
6
|
"types": "./dist/label.d.ts",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@radix-ui/react-label": "~2.0.2",
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/
|
|
20
|
-
"@purpurds/
|
|
19
|
+
"@purpurds/icon": "4.5.0",
|
|
20
|
+
"@purpurds/tokens": "4.5.0"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@rushstack/eslint-patch": "~1.10.0",
|
package/src/label.module.scss
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
.purpur-label {
|
|
2
2
|
color: var(--purpur-color-text-default);
|
|
3
|
-
font-family: var(--purpur-typography-family-default)
|
|
4
|
-
sans-serif;
|
|
3
|
+
font-family: var(--purpur-typography-family-default);
|
|
5
4
|
font-weight: var(--purpur-typography-weight-medium);
|
|
6
5
|
font-size: var(--purpur-typography-scale-100);
|
|
7
6
|
line-height: var(--purpur-typography-line-height-default);
|