@uniformdev/design-system 16.0.1-nuxt.159 → 16.0.1-nuxt.181

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/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"react";var hr=({disableReset:o=!1})=>e(yt.Fragment,null,e("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Quantico:wght@700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",rel:"stylesheet"}),o?null:e("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
1
+ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"react";var hr=({disableReset:o=!1})=>e(yt.Fragment,null,e("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Quantico:wght@700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",rel:"stylesheet"}),o?null:e("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
2
2
  /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
3
3
  `}}),e("style",{dangerouslySetInnerHTML:{__html:`
4
4
  :root {
@@ -420,7 +420,7 @@
420
420
  display: flex;
421
421
  gap: var(--spacing-sm);
422
422
  margin: var(--spacing-xs) 0;
423
- `;var w=({message:o,testId:t})=>o?e("span",{css:ze,"data-test-id":t},e(h,{icon:Ht,size:16,iconColor:"currentColor"}),o):null;var P=({children:o,className:t,testId:r,...n})=>e("label",{css:[v,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var He=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:g,classNameControl:d,classNameLabel:f,...q})=>e("div",{"data-test-id":s},a?e(P,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},o):null,e("div",{css:[T,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[k,typeof d=="object"?d:void 0,i?I:void 0,t?W:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...q}),t?e("div",{css:$},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import Et from"react-select";function fn(o){return e(Et,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}import{css as At}from"@emotion/react";import*as Ge from"react";import{useState as Vt,useRef as Dt}from"react";import{css as V}from"@emotion/react";var Ee=V`
423
+ `;var w=({message:o,testId:t})=>o?e("span",{css:ze,"data-test-id":t},e(h,{icon:Ht,size:16,iconColor:"currentColor"}),o):null;var P=({children:o,className:t,testId:r,...n})=>e("label",{css:[v,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var He=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:g,classNameControl:d,classNameLabel:f,...q})=>e("div",{"data-test-id":s||"container-input-field"},a?e(P,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},o):null,e("div",{css:[T,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[k,typeof d=="object"?d:void 0,i?I:void 0,t?W:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...q}),t?e("div",{css:$},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import Et from"react-select";function fn(o){return e(Et,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}import{css as At}from"@emotion/react";import*as Ge from"react";import{useState as Vt,useRef as Dt}from"react";import{css as V}from"@emotion/react";var Ee=V`
424
424
  margin-inline: auto;
425
425
  max-width: fit-content;
426
426
  `,Ae=V`
package/dist/index.js CHANGED
@@ -420,7 +420,7 @@
420
420
  display: flex;
421
421
  gap: var(--spacing-sm);
422
422
  margin: var(--spacing-xs) 0;
423
- `;var S=({message:o,testId:t})=>o?(0,e.jsx)("span",{css:to,"data-test-id":t},(0,e.jsx)(y,{icon:ro.MdWarning,size:16,iconColor:"currentColor"}),o):null;var B=({children:o,className:t,testId:r,...n})=>(0,e.jsx)("label",{css:[h,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var me=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:b,classNameControl:d,classNameLabel:v,...de})=>(0,e.jsx)("div",{"data-test-id":s},a?(0,e.jsx)(B,{htmlFor:r,css:[h,typeof v=="object"?v:void 0],className:typeof v=="string"?v:"",testId:u},o):null,(0,e.jsx)("div",{css:[E,typeof b=="object"?b:void 0],className:typeof b=="string"?b:""},(0,e.jsx)("input",{id:r,css:[M,typeof d=="object"?d:void 0,i?R:void 0,t?_:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...de}),t?(0,e.jsx)("div",{css:X},t):null),n?(0,e.jsx)(C,{testId:m},n):null,i?(0,e.jsx)(S,{message:i,testId:p}):null);var no=f(require("react-select"));function pr(o){return(0,e.jsx)(no.default,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}var po=require("@emotion/react"),uo=f(require("react")),te=require("react");var V=require("@emotion/react"),ao=V.css`
423
+ `;var S=({message:o,testId:t})=>o?(0,e.jsx)("span",{css:to,"data-test-id":t},(0,e.jsx)(y,{icon:ro.MdWarning,size:16,iconColor:"currentColor"}),o):null;var B=({children:o,className:t,testId:r,...n})=>(0,e.jsx)("label",{css:[h,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var me=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:b,classNameControl:d,classNameLabel:v,...de})=>(0,e.jsx)("div",{"data-test-id":s||"container-input-field"},a?(0,e.jsx)(B,{htmlFor:r,css:[h,typeof v=="object"?v:void 0],className:typeof v=="string"?v:"",testId:u},o):null,(0,e.jsx)("div",{css:[E,typeof b=="object"?b:void 0],className:typeof b=="string"?b:""},(0,e.jsx)("input",{id:r,css:[M,typeof d=="object"?d:void 0,i?R:void 0,t?_:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...de}),t?(0,e.jsx)("div",{css:X},t):null),n?(0,e.jsx)(C,{testId:m},n):null,i?(0,e.jsx)(S,{message:i,testId:p}):null);var no=f(require("react-select"));function pr(o){return(0,e.jsx)(no.default,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}var po=require("@emotion/react"),uo=f(require("react")),te=require("react");var V=require("@emotion/react"),ao=V.css`
424
424
  margin-inline: auto;
425
425
  max-width: fit-content;
426
426
  `,io=V.css`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "16.0.1-nuxt.159+47b981cde",
3
+ "version": "16.0.1-nuxt.181+d2c9a0bbf",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -30,6 +30,7 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@emotion/react": "11.9.3",
33
+ "next": "12.1.6",
33
34
  "param-case": "3.0.4",
34
35
  "react-hotkeys-hook": "3.4.6",
35
36
  "react-icons": "4.4.0",
@@ -45,5 +46,5 @@
45
46
  "files": [
46
47
  "/dist"
47
48
  ],
48
- "gitHead": "47b981cde5f19beb1b6a85b0cd6acf98e388b599"
49
+ "gitHead": "d2c9a0bbf7c8a640213fee2f6eae7c1cfdd08b02"
49
50
  }