@kroo-web/design-system 1.0.5 → 1.0.6

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 (13) hide show
  1. package/dist/main.css +2 -0
  2. package/dist/main.css.map +1 -0
  3. package/dist/main.js +11948 -2
  4. package/dist/main.js.map +1 -0
  5. package/package.json +12 -2
  6. package/dist/hooks/useWindowSize.js +0 -24
  7. package/dist/marketing/styles/tokens/variables.css +0 -0
  8. package/dist/product/components/TextField/index.js +0 -57
  9. package/dist/product/components/TextField/textField.module.css +0 -115
  10. package/dist/product/components/index.js +0 -1
  11. package/dist/product/styles/tokens/variables.css +0 -36
  12. package/dist/styles/global.css +0 -20
  13. package/dist/styles/tokens/variables.css +0 -15
package/dist/main.css ADDED
@@ -0,0 +1,2 @@
1
+ .textField-module_outer__yOnxl{margin-bottom:1rem}.textField-module_container__dwME5{display:flex;flex-direction:column;position:relative}.textField-module_label__Pb0Yj{color:#666;left:1.25rem;pointer-events:none;position:absolute;z-index:3}.textField-module_input__R8QTX{all:unset;background:#fff;border-radius:var(--product-radius-2);caret-color:var(--primary-love-pink-100);font-size:1.125rem;padding:1.7rem 1.25rem 1rem;z-index:1}.textField-module_inputDescription__nc-XC{display:flex;flex-direction:column;gap:.5rem;padding-left:1.5rem;padding-top:.5rem}.textField-module_container--error__CJ8JR>label{color:var(--product-error)}.textField-module_container--error__CJ8JR>input{border:var(--product-border-width-1) solid var(--product-error)}.textField-module_error__OWiII{color:var(--product-error)}.textField-module_helper__arACk{color:rgba(var(--grey-60-rgb))}.textField-module_rightContent__6xW-l{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:2}.textField-module_leftContent__XrivE{left:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.textField-module_input--focus__ngCQF,.textField-module_input__R8QTX:focus{border:var(--product-border-width-1) solid rgba(var(--primary-dark-rgb))}.textField-module_input--hover__wo5JR,.textField-module_input__R8QTX:hover{outline:var(--product-border-width-1) solid #e6e6e6}.textField-module_input__R8QTX:disabled{background:#e6e6e6;cursor:not-allowed}.textField-module_input__R8QTX:disabled:hover{outline:none}@media (min-width:768px){.textField-module_input__R8QTX{font-size:1.25rem;padding:1.8rem 1.5rem 1.5rem}.textField-module_label__Pb0Yj{left:1.5rem}}
2
+ /*# sourceMappingURL=main.css.map */
package/dist/main.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["textField.module.css"],"names":[],"mappings":"AAAA,+BACE,kBACF,CAEA,mCAEE,YAAa,CACb,qBAAsB,CAFtB,iBAGF,CAEA,+BAIE,UAAc,CADd,YAAa,CAEb,mBAAoB,CAJpB,iBAAkB,CAClB,SAIF,CAEA,+BACE,SAAU,CACV,eAAiB,CAGjB,qCAAsC,CAGtC,wCAAyC,CADzC,kBAAmB,CAHnB,2BAAoB,CAEpB,SAGF,CAEA,0CACE,YAAa,CACb,qBAAsB,CACtB,SAAW,CAEX,mBAAoB,CADpB,iBAEF,CAEA,gDACE,0BACF,CAEA,gDACE,+DACF,CAEA,+BACE,0BACF,CAEA,gCACE,8BACF,CAEA,sCACE,iBAAkB,CAClB,YAAa,CACb,OAAQ,CACR,0BAA2B,CAC3B,SACF,CAEA,qCAEE,WAAY,CADZ,iBAAkB,CAElB,OAAQ,CACR,0BAA2B,CAC3B,SACF,CAOA,2EACE,wEACF,CAMA,2EACE,mDACF,CAEA,wCACE,kBAAmB,CACnB,kBACF,CAEA,8CACE,YACF,CAIC,yBACC,+BAGE,iBAAkB,CADlB,4BAEF,CAEA,+BACE,WACF,CACF","file":"main.css","sourcesContent":[".outer {\n margin-bottom: 1rem;\n}\n\n.container {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\n.label {\n position: absolute;\n z-index: 3;\n left: 1.25rem;\n color: #666666;\n pointer-events: none;\n}\n\n.input {\n all: unset;\n background: white;\n padding: 1rem 1.25rem;\n padding-top: 1.70rem;\n border-radius: var(--product-radius-2);\n z-index: 1;\n font-size: 1.125rem;\n caret-color: var(--primary-love-pink-100);\n}\n\n.inputDescription {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n padding-top: 0.5rem;\n padding-left: 1.5rem;\n}\n\n.container--error > label {\n color: var(--product-error);\n}\n\n.container--error > input {\n border: var(--product-border-width-1) solid var(--product-error);\n}\n\n.error {\n color: var(--product-error);\n}\n\n.helper {\n color: rgba(var(--grey-60-rgb));\n}\n\n.rightContent {\n position: absolute;\n right: 1.5rem;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n}\n\n.leftContent {\n position: absolute;\n left: 1.5rem;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n}\n\n\n.input:focus {\n border: var(--product-border-width-1) solid rgba(var(--primary-dark-rgb));\n}\n\n.input--focus {\n border: var(--product-border-width-1) solid rgba(var(--primary-dark-rgb));\n}\n\n.input:hover {\n outline: var(--product-border-width-1) solid #E6E6E6;\n}\n\n.input--hover {\n outline: var(--product-border-width-1) solid #E6E6E6;\n}\n\n.input:disabled {\n background: #E6E6E6;\n cursor: not-allowed;\n}\n\n.input:disabled:hover {\n outline: none;\n}\n\n\n\n @media (min-width: 768px) {\n .input {\n padding: 1.5rem;\n padding-top: 1.8rem;\n font-size: 1.25rem;\n }\n\n .label {\n left: 1.5rem;\n }\n}\n\n\n\n\n\n\n\n"]}