@activecollab/components 1.0.20 → 1.0.24
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/cjs/components/Bubble/Styles.js +2 -2
- package/dist/cjs/components/Bubble/Styles.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +1 -0
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Button/Styles.js +3 -1
- package/dist/cjs/components/Button/Styles.js.map +1 -1
- package/dist/cjs/components/Links/Link.js +1 -0
- package/dist/cjs/components/Links/Link.js.map +1 -1
- package/dist/cjs/components/Links/Styles.js +3 -1
- package/dist/cjs/components/Links/Styles.js.map +1 -1
- package/dist/cjs/components/Pickers/Styles.js +2 -2
- package/dist/cjs/components/Pickers/Styles.js.map +1 -1
- package/dist/cjs/components/Pressed/Styles.js +2 -2
- package/dist/cjs/components/Pressed/Styles.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/Styles.js +2 -2
- package/dist/cjs/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/esm/components/Bubble/Styles.d.ts.map +1 -1
- package/dist/esm/components/Bubble/Styles.js +2 -2
- package/dist/esm/components/Bubble/Styles.js.map +1 -1
- package/dist/esm/components/Button/Button.d.ts +1 -1
- package/dist/esm/components/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Button/Button.js +1 -0
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/Styles.d.ts.map +1 -1
- package/dist/esm/components/Button/Styles.js +3 -1
- package/dist/esm/components/Button/Styles.js.map +1 -1
- package/dist/esm/components/Links/Link.d.ts +1 -1
- package/dist/esm/components/Links/Link.d.ts.map +1 -1
- package/dist/esm/components/Links/Link.js +1 -0
- package/dist/esm/components/Links/Link.js.map +1 -1
- package/dist/esm/components/Links/Styles.d.ts.map +1 -1
- package/dist/esm/components/Links/Styles.js +3 -1
- package/dist/esm/components/Links/Styles.js.map +1 -1
- package/dist/esm/components/Pickers/Styles.d.ts.map +1 -1
- package/dist/esm/components/Pickers/Styles.js +2 -2
- package/dist/esm/components/Pickers/Styles.js.map +1 -1
- package/dist/esm/components/Pressed/Styles.d.ts.map +1 -1
- package/dist/esm/components/Pressed/Styles.js +2 -2
- package/dist/esm/components/Pressed/Styles.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.js +2 -2
- package/dist/esm/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/index.js +16 -10
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,UAAU,eAAgB,SAAQ,UAAU;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,oEAAe,CAAC;AAE9C,eAAO,MAAM,UAAU,+
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,UAAU,eAAgB,SAAQ,UAAU;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,oEAAe,CAAC;AAE9C,eAAO,MAAM,UAAU,+EAgPtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oEAc9B,CAAC;AAEF,eAAO,MAAM,cAAc,kEA6D1B,CAAC"}
|
|
@@ -8,7 +8,7 @@ export var StyledLinkElement = styled.div.withConfig({
|
|
|
8
8
|
export var StyledLink = styled.a.withConfig({
|
|
9
9
|
displayName: "Styles__StyledLink",
|
|
10
10
|
componentId: "sc-1c1jdox-1"
|
|
11
|
-
})(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
|
|
11
|
+
})(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
|
|
12
12
|
"WebkitFontSmoothing": "antialiased",
|
|
13
13
|
"MozOsxFontSmoothing": "grayscale",
|
|
14
14
|
"fontWeight": "500",
|
|
@@ -37,6 +37,8 @@ export var StyledLink = styled.a.withConfig({
|
|
|
37
37
|
return (props.variant === "option" || props.variant === "text gray") && css(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-theme-600);&:focus,&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
|
|
38
38
|
}, function (props) {
|
|
39
39
|
return props.variant === "dark transparent" && css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);
|
|
40
|
+
}, function (props) {
|
|
41
|
+
return props.variant === "circle raised" && css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);transition:ease 0.3s all;&:hover{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]);
|
|
40
42
|
}, function (props) {
|
|
41
43
|
return props.iconOnly && css(["padding:0;width:32px;", " ", ""], props.size === "small" && css(["radius:16px;width:24px;"]), props.size === "big" && css(["radius:20px;width:40px;"]));
|
|
42
44
|
}, function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Links/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","StyledLinkElement","div","StyledLink","a","props","disabled","size","variant","iconOnly","StyledLinkElements","StyledBackLink","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ILinkProps } from \"./Link\";\n\ninterface StyledLinkProps extends ILinkProps {\n iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n ${tw`\n tw-antialiased\n tw-font-medium\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-inline-flex\n tw-items-center\n tw-justify-center`}\n\n border: none;\n height: 32px;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n ${(props) =>\n props.disabled &&\n css`\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n `}\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: 16px;\n color: var(--color-theme-100);\n\n &:focus,\n &:hover {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: 16px;\n border: solid 1px var(--color-theme-600);\n color: var(--color-theme-600);\n\n &:focus,\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: 6px;\n color: var(--color-primary);\n\n &:focus,\n &:hover {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: 6px;\n color: var(--color-theme-600);\n\n &:focus,\n &:hover {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n padding: 0;\n width: 32px;\n\n ${props.size === \"small\" &&\n css`\n radius: 16px;\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 20px;\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n ${StyledLinkElement}:first-child svg {\n margin-left: -6px;\n }\n ${StyledLinkElement}:last-child svg {\n margin-right: -6px;\n }\n\n ${props.size === \"small\" &&\n css`\n radius: 16px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 20px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n ${StyledLinkElement}:first-child svg {\n margin-left: -4px;\n }\n ${StyledLinkElement}:last-child svg {\n margin-right: -4px;\n }\n\n ${props.size === \"small\" &&\n css`\n radius: 4px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 8px;\n `}\n `}\n`;\n\nexport const StyledLinkElements = styled.div`\n display: table;\n height: inherit;\n\n svg {\n margin: 0 4px;\n margin-bottom: -2px;\n }\n\n ${StyledLinkElement} {\n display: table-cell;\n vertical-align: middle;\n padding-bottom: 2px;\n }\n`;\n\nexport const StyledBackLink = styled.a`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-pl-8\n tw-text-xxs\n tw-uppercase\n tw-inline-flex\n tw-align-middle\n tw-pr-4\n tw-text-theme-600\n tw-cursor-pointer\n `}\n\n text-decoration: none;\n border: transparent 1px solid;\n border-radius: 20px;\n height: 32px;\n font-size: 10px;\n font-weight: 500;\n display: table-cell;\n vertical-align: middle;\n\n &:before,\n &:after {\n content: \"\";\n ${tw`\n tw-border-solid\n tw-text-theme-700\n tw-inline-block\n tw-p-0\n tw-w-2\n tw-h-2\n tw-bg-no-repeat\n `}\n border-width: 0 1px 1px 0;\n position: absolute;\n left: 0;\n transition: all ease 0.3s;\n }\n &:before {\n ${tw`tw-opacity-100`}\n transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n }\n &:after {\n ${tw`tw-opacity-0`}\n transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n }\n &:hover {\n text-decoration: none;\n border-color: var(--border-primary);\n &:before {\n ${tw`tw-opacity-0`}\n transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n }\n &:after {\n ${tw`tw-opacity-100`}\n transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n }\n }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n"],"file":"Styles.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Links/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","StyledLinkElement","div","StyledLink","a","props","disabled","size","variant","iconOnly","StyledLinkElements","StyledBackLink","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAOA,OAAO,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,QAAvB;AAEP,OAAO,IAAMC,UAAU,GAAGN,MAAM,CAACO,CAAV;AAAA;AAAA;AAAA,6OACnBL,SADmB,EAEnBC,cAFmB,EAGjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAHiB,EAoCnB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAR,GADA,qDADA;AAAA,CApCmB,EA4CnB,UAACO,KAAD;AAAA,SACAA,KAAK,CAACE,IAAN,KAAe,OAAf,IACAT,GADA,kBADA;AAAA,CA5CmB,EAkDnB,UAACO,KAAD;AAAA,SACAA,KAAK,CAACE,IAAN,KAAe,KAAf,IACAT,GADA,kBADA;AAAA,CAlDmB,EAwDnB,UAACO,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,KACAV,GADA,iUADA;AAAA,CAxDmB,EA4EnB,UAACO,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,KACAV,GADA,yUADA;AAAA,CA5EmB,EAkGnB,UAACO,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,KACAV,GADA,6MADA;AAAA,CAlGmB,EAoHlB,UAACO,KAAD;AAAA,SACD,CAACA,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,KACAV,GADA,qQADC;AAAA,CApHkB,EAwIlB,UAACO,KAAD;AAAA,SACDA,KAAK,CAACG,OAAN,KAAkB,kBAAlB,IACAV,GADA,kMADC;AAAA,CAxIkB,EAyJnB,UAACO,KAAD;AAAA,SACAA,KAAK,CAACG,OAAN,KAAkB,eAAlB,IACAV,GADA,uTADA;AAAA,CAzJmB,EA6KlB,UAACO,KAAD;AAAA,SACDA,KAAK,CAACI,QAAN,IACAX,GADA,qCAKIO,KAAK,CAACE,IAAN,KAAe,OAAf,IACFT,GADE,6BALJ,EAWIO,KAAK,CAACE,IAAN,KAAe,KAAf,IACFT,GADE,6BAXJ,CADC;AAAA,CA7KkB,EAgMlB,UAACO,KAAD;AAAA,SACD,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IACCH,KAAK,CAACG,OAAN,KAAkB,WADnB,IAECH,KAAK,CAACG,OAAN,KAAkB,WAFnB,IAGCH,KAAK,CAACG,OAAN,KAAkB,UAHpB,KAIAV,GAJA,8FAKIG,iBALJ,EAQIA,iBARJ,EAYII,KAAK,CAACE,IAAN,KAAe,OAAf,IACFT,GADE,kBAZJ,EAiBIO,KAAK,CAACE,IAAN,KAAe,KAAf,IACFT,GADE,kBAjBJ,CADC;AAAA,CAhMkB,EAwNlB,UAACO,KAAD;AAAA,SACD,CAACA,KAAK,CAACG,OAAN,KAAkB,UAAlB,IACCH,KAAK,CAACG,OAAN,KAAkB,cADnB,IAECH,KAAK,CAACG,OAAN,KAAkB,QAFnB,IAGCH,KAAK,CAACG,OAAN,KAAkB,WAHnB,IAICH,KAAK,CAACG,OAAN,KAAkB,kBAJpB,KAKAV,GALA,8FAMIG,iBANJ,EASIA,iBATJ,EAaII,KAAK,CAACE,IAAN,KAAe,OAAf,IACFT,GADE,iBAbJ,EAkBIO,KAAK,CAACE,IAAN,KAAe,KAAf,IACFT,GADE,iBAlBJ,CADC;AAAA,CAxNkB,CAAhB;AAkPP,OAAO,IAAMY,kBAAkB,GAAGb,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,6IAS3BD,iBAT2B,CAAxB;AAgBP,OAAO,IAAMU,cAAc,GAAGd,MAAM,CAACO,CAAV;AAAA;AAAA;AAAA,+oBACvBL,SADuB,EAEvBC,cAFuB,EAIrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJqB,EA2BnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CA3BmB,EA0CnB;AAAA;AAAA,CA1CmB,EA8CnB;AAAA;AAAA,CA9CmB,EAqDjB;AAAA;AAAA,CArDiB,EAyDjB;AAAA;AAAA,CAzDiB,CAApB;AA+DPW,cAAc,CAACC,WAAf,GAA6B,gBAA7B;AACAX,iBAAiB,CAACW,WAAlB,GAAgC,mBAAhC;AACAF,kBAAkB,CAACE,WAAnB,GAAiC,oBAAjC;AACAT,UAAU,CAACS,WAAX,GAAyB,YAAzB","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ILinkProps } from \"./Link\";\n\ninterface StyledLinkProps extends ILinkProps {\n iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n ${tw`\n tw-antialiased\n tw-font-medium\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-inline-flex\n tw-items-center\n tw-justify-center`}\n\n border: none;\n height: 32px;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n ${(props) =>\n props.disabled &&\n css`\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n `}\n\n ${(props) =>\n props.size === \"small\" &&\n css`\n height: 24px;\n `}\n\n ${(props) =>\n props.size === \"big\" &&\n css`\n height: 40px;\n `}\n\n ${(props) =>\n (props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n padding: 0 16px;\n background-color: var(--color-primary);\n border-radius: 16px;\n color: var(--color-theme-100);\n\n &:focus,\n &:hover {\n box-shadow: 0 3px 6px -2px var(--color-primary-500);\n background-color: var(--color-primary-800);\n }\n\n &:active {\n box-shadow: 0 4px 10px -2px var(--color-primary-600);\n background-color: var(--color-primary-800);\n }\n `}\n\n ${(props) =>\n (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n padding: 0 16px;\n background-color: transparent;\n border-radius: 16px;\n border: solid 1px var(--color-theme-600);\n color: var(--color-theme-600);\n\n &:focus,\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: 6px;\n color: var(--color-primary);\n\n &:focus,\n &:hover {\n background-color: var(--color-primary-200);\n }\n\n &:active {\n background-color: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n (props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n padding: 0 8px;\n background-color: transparent;\n border-radius: 6px;\n color: var(--color-theme-600);\n\n &:focus,\n &:hover {\n background-color: var(--color-theme-300);\n color: var(--color-theme-900);\n }\n\n &:active {\n background-color: var(--color-theme-400);\n color: var(--color-theme-900);\n }\n `}\n\n ${(props) =>\n props.variant === \"dark transparent\" &&\n css`\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: var(--ac-br-6);\n color: var(--only-white);\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.85);\n }\n\n &:active {\n background-color: var(--only-black);\n }\n `}\n\n ${(props) =>\n props.variant === \"circle raised\" &&\n css`\n padding: 0 6px;\n background-color: transparent;\n border-radius: var(--ac-br-rounded);\n color: var(--color-theme-700);\n transition: ease 0.3s all;\n\n &:hover {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary);\n }\n\n &:active {\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n }\n `}\n\n ${(props) =>\n props.iconOnly &&\n css`\n padding: 0;\n width: 32px;\n\n ${props.size === \"small\" &&\n css`\n radius: 16px;\n width: 24px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 20px;\n width: 40px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"primary\" ||\n props.variant === \"contained\" ||\n props.variant === \"secondary\" ||\n props.variant === \"outlined\") &&\n css`\n ${StyledLinkElement}:first-child svg {\n margin-left: -6px;\n }\n ${StyledLinkElement}:last-child svg {\n margin-right: -6px;\n }\n\n ${props.size === \"small\" &&\n css`\n radius: 16px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 20px;\n `}\n `}\n\n ${(props) =>\n (props.variant === \"tertiary\" ||\n props.variant === \"text colored\" ||\n props.variant === \"option\" ||\n props.variant === \"text gray\" ||\n props.variant === \"dark transparent\") &&\n css`\n ${StyledLinkElement}:first-child svg {\n margin-left: -4px;\n }\n ${StyledLinkElement}:last-child svg {\n margin-right: -4px;\n }\n\n ${props.size === \"small\" &&\n css`\n radius: 4px;\n `}\n\n ${props.size === \"big\" &&\n css`\n radius: 8px;\n `}\n `}\n`;\n\nexport const StyledLinkElements = styled.div`\n display: table;\n height: inherit;\n\n svg {\n margin: 0 4px;\n margin-bottom: -2px;\n }\n\n ${StyledLinkElement} {\n display: table-cell;\n vertical-align: middle;\n padding-bottom: 2px;\n }\n`;\n\nexport const StyledBackLink = styled.a`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-pl-8\n tw-text-xxs\n tw-uppercase\n tw-inline-flex\n tw-align-middle\n tw-pr-4\n tw-text-theme-600\n tw-cursor-pointer\n `}\n\n text-decoration: none;\n border: transparent 1px solid;\n border-radius: 20px;\n height: 32px;\n font-size: 10px;\n font-weight: 500;\n display: table-cell;\n vertical-align: middle;\n\n &:before,\n &:after {\n content: \"\";\n ${tw`\n tw-border-solid\n tw-text-theme-700\n tw-inline-block\n tw-p-0\n tw-w-2\n tw-h-2\n tw-bg-no-repeat\n `}\n border-width: 0 1px 1px 0;\n position: absolute;\n left: 0;\n transition: all ease 0.3s;\n }\n &:before {\n ${tw`tw-opacity-100`}\n transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n }\n &:after {\n ${tw`tw-opacity-0`}\n transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n }\n &:hover {\n text-decoration: none;\n border-color: var(--border-primary);\n &:before {\n ${tw`tw-opacity-0`}\n transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n }\n &:after {\n ${tw`tw-opacity-100`}\n transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n }\n }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,kBAAkB;gBACjB,MAAM,GAAG,UAAU;SAoBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wqPAG7B,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,oEAaxB,CAAC;AACF,eAAO,MAAM,WAAW,sFA2CvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAWjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAGvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,kBAAkB;gBACjB,MAAM,GAAG,UAAU;SAoBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wqPAG7B,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,oEAaxB,CAAC;AACF,eAAO,MAAM,WAAW,sFA2CvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAWjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAGvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,qEAS3C,CAAC"}
|
|
@@ -53,7 +53,7 @@ export var StyledMonth = styled.div.withConfig({
|
|
|
53
53
|
export var StyledYearMonthPicker = styled.div.withConfig({
|
|
54
54
|
displayName: "Styles__StyledYearMonthPicker",
|
|
55
55
|
componentId: "sc-1owijsg-4"
|
|
56
|
-
})(["display:table-caption;margin-bottom:0.
|
|
56
|
+
})(["display:table-caption;margin-bottom:0.5rem;padding:0 0.5rem;", " &> div{font-weight:500;font-size:1.15rem;}"], {
|
|
57
57
|
"textAlign": "center",
|
|
58
58
|
"color": "var(--color-theme-900)"
|
|
59
59
|
});
|
|
@@ -64,7 +64,7 @@ export var StyledYearMonthPickerNavBar = styled.div.withConfig({
|
|
|
64
64
|
export var StyledYearMonthPickerNavBarItem = styled.span.withConfig({
|
|
65
65
|
displayName: "Styles__StyledYearMonthPickerNavBarItem",
|
|
66
66
|
componentId: "sc-1owijsg-6"
|
|
67
|
-
})(["", " transition-duration:0.3s;
|
|
67
|
+
})(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
68
68
|
"paddingLeft": "1rem",
|
|
69
69
|
"paddingRight": "1rem",
|
|
70
70
|
"cursor": "pointer"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","MenuNavIcon","StyledNavBarButton","props","$direction","StyledMenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAL,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAL,GADA,gBADA;AAAA,CAhB2B,CAAxB;AAuBP,OAAO,IAAMM,iBAAiB,GAAGP,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;AAWP,OAAO,IAAMK,YAAY,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACJ,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,WAAP,GACIV,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACA,CAACP,KAAK,CAACM,WADP,IAEAV,GAFA,WAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACAP,KAAK,CAACM,WADN,IAEAV,GAFA,mCADC;AAAA,CA/BmB,EAsCnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACQ,iBAAN,IACAZ,GADA,gDADC;AAAA,CAtCmB,CAAjB;AA6CP,OAAO,IAAMa,qBAAqB,GAAGd,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","MenuNavIcon","StyledNavBarButton","props","$direction","StyledMenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAL,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAL,GADA,gBADA;AAAA,CAhB2B,CAAxB;AAuBP,OAAO,IAAMM,iBAAiB,GAAGP,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;AAWP,OAAO,IAAMK,YAAY,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACJ,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,WAAP,GACIV,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACA,CAACP,KAAK,CAACM,WADP,IAEAV,GAFA,WAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACAP,KAAK,CAACM,WADN,IAEAV,GAFA,mCADC;AAAA,CA/BmB,EAsCnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACQ,iBAAN,IACAZ,GADA,gDADC;AAAA,CAtCmB,CAAjB;AA6CP,OAAO,IAAMa,qBAAqB,GAAGd,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,oHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;AAaP,OAAO,IAAMM,2BAA2B,GAAGf,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iCAAjC;AAKP,OAAO,IAAMO,+BAA+B,GAAGhB,MAAM,CAACiB,IAAV;AAAA;AAAA;AAAA,kIACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;AAWPb,kBAAkB,CAACc,WAAnB,GAAiC,oBAAjC;AACAX,iBAAiB,CAACW,WAAlB,GAAgC,mBAAhC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" | \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n ${tw`tw-transform`}\n transform: rotate(180deg);\n`;\n\ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n !props.$isSelected &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrent &&\n props.$isSelected &&\n css`\n color: var(--color-theme-100);\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15rem;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n display: inline-block;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,eAAO,MAAM,aAAa,+
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,eAAO,MAAM,aAAa,+MA0CzB,CAAC"}
|
|
@@ -4,9 +4,9 @@ export var StyledPressed = styled(Button).withConfig({
|
|
|
4
4
|
displayName: "Styles__StyledPressed",
|
|
5
5
|
componentId: "sc-1wqfsg5-0"
|
|
6
6
|
})(["", ""], function (props) {
|
|
7
|
-
return props.active && css(["", " ", " ", " ", " ", " ", ""], {
|
|
7
|
+
return props.active && css(["", " ", " ", " ", " ", " ", " ", ""], {
|
|
8
8
|
"pointerEvents": "none"
|
|
9
|
-
}, (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"])));
|
|
9
|
+
}, (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), props.variant === "circle raised" && css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"])));
|
|
10
10
|
});
|
|
11
11
|
StyledPressed.displayName = "StyledPressed";
|
|
12
12
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Pressed/Styles.ts"],"names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,aACtB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAJ,GADA,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Pressed/Styles.ts"],"names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,aACtB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAJ,GADA,yCAEM;AAAA;AAAA,GAFN,EAII,CAACG,KAAK,CAACE,OAAN,KAAkB,SAAlB,IAA+BF,KAAK,CAACE,OAAN,KAAkB,WAAlD,KACFL,GADE,gDAJJ,EASI,CAACG,KAAK,CAACE,OAAN,KAAkB,WAAlB,IAAiCF,KAAK,CAACE,OAAN,KAAkB,UAApD,KACFL,GADE,mEATJ,EAeIG,KAAK,CAACE,OAAN,KAAkB,kBAAlB,IACFL,GADE,yCAfJ,EAoBIG,KAAK,CAACE,OAAN,KAAkB,eAAlB,IACFL,GADE,sFApBJ,EA0BE,CAACG,KAAK,CAACE,OAAN,KAAkB,UAAlB,IAAgCF,KAAK,CAACE,OAAN,KAAkB,cAAnD,KACAL,GADA,gDA1BF,EA+BE,CAACG,KAAK,CAACE,OAAN,KAAkB,QAAlB,IAA8BF,KAAK,CAACE,OAAN,KAAkB,WAAjD,KACAL,GADA,sCAGIG,KAAK,CAACG,QAAN,YAA0BC,KAA1B,IACFP,GADE,8CAHJ,CA/BF,CADA;AAAA,CADsB,CAAnB;AA4CPE,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-pointer-events-none`}\n\n ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${props.variant === \"circle raised\" &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n `}\n\n ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"file":"Styles.js"}
|
|
@@ -6,7 +6,7 @@ import { Menu } from "../../Menu";
|
|
|
6
6
|
export var StyledButton = styled.button.withConfig({
|
|
7
7
|
displayName: "Styles__StyledButton",
|
|
8
8
|
componentId: "sc-1v8h7mt-0"
|
|
9
|
-
})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;
|
|
9
|
+
})(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
|
|
10
10
|
"position": "relative",
|
|
11
11
|
"WebkitFontSmoothing": "antialiased",
|
|
12
12
|
"MozOsxFontSmoothing": "grayscale",
|
|
@@ -35,7 +35,7 @@ export var StyledMenu = styled(Menu).withConfig({
|
|
|
35
35
|
export var StyledButtonGroup = styled(ButtonGroup).withConfig({
|
|
36
36
|
displayName: "Styles__StyledButtonGroup",
|
|
37
37
|
componentId: "sc-1v8h7mt-2"
|
|
38
|
-
})(["", " ", " button{position:relative;z-index:1;}"], FontStyle, BoxSizingStyle);
|
|
38
|
+
})(["", " ", " button:hover{position:relative;z-index:1;}"], FontStyle, BoxSizingStyle);
|
|
39
39
|
export var StyledSpan = styled.span.withConfig({
|
|
40
40
|
displayName: "Styles__StyledSpan",
|
|
41
41
|
componentId: "sc-1v8h7mt-3"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","Menu","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,SAASC,IAAT,QAAqB,YAArB;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,MAAV;AAAA;AAAA;AAAA,kVACrBJ,SADqB,EAErBC,cAFqB,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","Menu","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,SAASC,IAAT,QAAqB,YAArB;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,MAAV;AAAA;AAAA;AAAA,kVACrBJ,SADqB,EAErBC,cAFqB,EAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAqDP,OAAO,IAAMI,UAAU,GAAGR,MAAM,CAACK,IAAD,CAAT;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AASP,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACE,WAAD,CAAT;AAAA;AAAA;AAAA,6DAC1BC,SAD0B,EAE1BC,cAF0B,CAAvB;AAUP,OAAO,IAAMM,UAAU,GAAGV,MAAM,CAACW,IAAV;AAAA;AAAA;AAAA,sDAAhB;AAUP,OAAO,IAAMC,SAAS,GAAGZ,MAAM,CAACa,GAAV;AAAA;AAAA;AAAA,mgBAClB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,IACAd,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CADkB,EAOlB,UAACa,KAAD;AAAA,SACAA,KAAK,CAACE,UAAN,IACAf,GADA,yCADA;AAAA,CAPkB,EAahB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAbgB,CAAf;AAqEPQ,iBAAiB,CAACQ,WAAlB,GAAgC,mBAAhC;AACAP,UAAU,CAACO,WAAX,GAAyB,YAAzB;AACAL,SAAS,CAACK,WAAV,GAAwB,WAAxB;AACAT,UAAU,CAACS,WAAX,GAAyB,YAAzB;AACAX,YAAY,CAACW,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n line-height: 1;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button:hover {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"file":"Styles.js"}
|
package/dist/index.js
CHANGED
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
var StyledButton$1 = styled__default["default"].button.withConfig({
|
|
280
280
|
displayName: "Styles__StyledButton",
|
|
281
281
|
componentId: "sc-vi1kcr-0"
|
|
282
|
-
})(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
|
|
282
|
+
})(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
|
|
283
283
|
return props.size === "small" && styled.css(["height:24px;"]);
|
|
284
284
|
}, function (props) {
|
|
285
285
|
return props.size === "big" && styled.css(["height:40px;"]);
|
|
@@ -293,6 +293,8 @@
|
|
|
293
293
|
return (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);
|
|
294
294
|
}, function (props) {
|
|
295
295
|
return (props.variant === "option" || props.variant === "text gray") && styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
|
|
296
|
+
}, function (props) {
|
|
297
|
+
return props.variant === "circle raised" && styled.css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);transition:ease 0.3s all;&:hover{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]);
|
|
296
298
|
}, function (props) {
|
|
297
299
|
return props.iconOnly && styled.css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", ";", " ", ""], (props.size === "small" || props.size === "big") && styled.css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && styled.css(["width:24px;"]), props.size === "big" && styled.css(["width:40px;"]));
|
|
298
300
|
}, function (props) {
|
|
@@ -335,6 +337,7 @@
|
|
|
335
337
|
"c-btn--text_colored": variant === "tertiary" || variant === "text colored",
|
|
336
338
|
"c-btn--text_gray": variant === "option" || variant === "text gray",
|
|
337
339
|
"c-btn--dark_transparent": variant === "dark transparent",
|
|
340
|
+
"c-btn--circle-raised": variant === "circle raised",
|
|
338
341
|
"c-btn--big": size === "big",
|
|
339
342
|
"c-btn--small": size === "small",
|
|
340
343
|
"c-btn--icon-only": children instanceof Object && !(children instanceof Array)
|
|
@@ -1129,7 +1132,7 @@
|
|
|
1129
1132
|
var StyledYearMonthPicker = styled__default["default"].div.withConfig({
|
|
1130
1133
|
displayName: "Styles__StyledYearMonthPicker",
|
|
1131
1134
|
componentId: "sc-1owijsg-4"
|
|
1132
|
-
})(["display:table-caption;margin-bottom:0.
|
|
1135
|
+
})(["display:table-caption;margin-bottom:0.5rem;padding:0 0.5rem;", " &> div{font-weight:500;font-size:1.15rem;}"], {
|
|
1133
1136
|
"textAlign": "center",
|
|
1134
1137
|
"color": "var(--color-theme-900)"
|
|
1135
1138
|
});
|
|
@@ -1140,7 +1143,7 @@
|
|
|
1140
1143
|
var StyledYearMonthPickerNavBarItem = styled__default["default"].span.withConfig({
|
|
1141
1144
|
displayName: "Styles__StyledYearMonthPickerNavBarItem",
|
|
1142
1145
|
componentId: "sc-1owijsg-6"
|
|
1143
|
-
})(["", " transition-duration:0.3s;
|
|
1146
|
+
})(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
1144
1147
|
"paddingLeft": "1rem",
|
|
1145
1148
|
"paddingRight": "1rem",
|
|
1146
1149
|
"cursor": "pointer"
|
|
@@ -1781,9 +1784,9 @@
|
|
|
1781
1784
|
var StyledBubble = styled__default["default"].div.withConfig({
|
|
1782
1785
|
displayName: "Styles__StyledBubble",
|
|
1783
1786
|
componentId: "sc-tloccl-0"
|
|
1784
|
-
})(["", " transition:opacity 0.2s,visibility 0.2s;", " ", ""], {
|
|
1787
|
+
})(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
|
|
1785
1788
|
"--tw-bg-opacity": "1",
|
|
1786
|
-
"backgroundColor": "var(--
|
|
1789
|
+
"backgroundColor": "rgba(255, 255, 255, var(--tw-bg-opacity))",
|
|
1787
1790
|
"--tw-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
|
|
1788
1791
|
"boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
|
|
1789
1792
|
"borderColor": "var(--color-theme-200)",
|
|
@@ -1993,7 +1996,7 @@
|
|
|
1993
1996
|
var StyledButton = styled__default["default"].button.withConfig({
|
|
1994
1997
|
displayName: "Styles__StyledButton",
|
|
1995
1998
|
componentId: "sc-1v8h7mt-0"
|
|
1996
|
-
})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;
|
|
1999
|
+
})(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
|
|
1997
2000
|
"position": "relative",
|
|
1998
2001
|
"WebkitFontSmoothing": "antialiased",
|
|
1999
2002
|
"MozOsxFontSmoothing": "grayscale",
|
|
@@ -2022,7 +2025,7 @@
|
|
|
2022
2025
|
var StyledButtonGroup = styled__default["default"](ButtonGroup).withConfig({
|
|
2023
2026
|
displayName: "Styles__StyledButtonGroup",
|
|
2024
2027
|
componentId: "sc-1v8h7mt-2"
|
|
2025
|
-
})(["", " ", " button{position:relative;z-index:1;}"], FontStyle, BoxSizingStyle);
|
|
2028
|
+
})(["", " ", " button:hover{position:relative;z-index:1;}"], FontStyle, BoxSizingStyle);
|
|
2026
2029
|
var StyledSpan = styled__default["default"].span.withConfig({
|
|
2027
2030
|
displayName: "Styles__StyledSpan",
|
|
2028
2031
|
componentId: "sc-1v8h7mt-3"
|
|
@@ -8033,7 +8036,7 @@
|
|
|
8033
8036
|
var StyledLink = styled__default["default"].a.withConfig({
|
|
8034
8037
|
displayName: "Styles__StyledLink",
|
|
8035
8038
|
componentId: "sc-1c1jdox-1"
|
|
8036
|
-
})(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
|
|
8039
|
+
})(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
|
|
8037
8040
|
"WebkitFontSmoothing": "antialiased",
|
|
8038
8041
|
"MozOsxFontSmoothing": "grayscale",
|
|
8039
8042
|
"fontWeight": "500",
|
|
@@ -8062,6 +8065,8 @@
|
|
|
8062
8065
|
return (props.variant === "option" || props.variant === "text gray") && styled.css(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-theme-600);&:focus,&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
|
|
8063
8066
|
}, function (props) {
|
|
8064
8067
|
return props.variant === "dark transparent" && styled.css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);
|
|
8068
|
+
}, function (props) {
|
|
8069
|
+
return props.variant === "circle raised" && styled.css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);transition:ease 0.3s all;&:hover{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]);
|
|
8065
8070
|
}, function (props) {
|
|
8066
8071
|
return props.iconOnly && styled.css(["padding:0;width:32px;", " ", ""], props.size === "small" && styled.css(["radius:16px;width:24px;"]), props.size === "big" && styled.css(["radius:20px;width:40px;"]));
|
|
8067
8072
|
}, function (props) {
|
|
@@ -8146,6 +8151,7 @@
|
|
|
8146
8151
|
"c-link--text_colored": variant === "tertiary" || variant === "text colored",
|
|
8147
8152
|
"c-link--text_gray": variant === "option" || variant === "text gray",
|
|
8148
8153
|
"c-link--dark_transparent": variant === "dark transparent",
|
|
8154
|
+
"c-link--circle_raised": variant === "circle raised",
|
|
8149
8155
|
"c-link--big": size === "big",
|
|
8150
8156
|
"c-link--small": size === "small",
|
|
8151
8157
|
"c-link--icon-only": children instanceof Object && !(children instanceof Array),
|
|
@@ -8506,9 +8512,9 @@
|
|
|
8506
8512
|
displayName: "Styles__StyledPressed",
|
|
8507
8513
|
componentId: "sc-1wqfsg5-0"
|
|
8508
8514
|
})(["", ""], function (props) {
|
|
8509
|
-
return props.active && styled.css(["", " ", " ", " ", " ", " ", ""], {
|
|
8515
|
+
return props.active && styled.css(["", " ", " ", " ", " ", " ", " ", ""], {
|
|
8510
8516
|
"pointerEvents": "none"
|
|
8511
|
-
}, (props.variant === "primary" || props.variant === "contained") && styled.css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && styled.css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && styled.css(["background-color:var(--only-black);"]), (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && styled.css(["color:var(--color-primary);", ""], props.children instanceof Array && styled.css(["background-color:var(--color-theme-300);"])));
|
|
8517
|
+
}, (props.variant === "primary" || props.variant === "contained") && styled.css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && styled.css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && styled.css(["background-color:var(--only-black);"]), props.variant === "circle raised" && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && styled.css(["color:var(--color-primary);", ""], props.children instanceof Array && styled.css(["background-color:var(--color-theme-300);"])));
|
|
8512
8518
|
});
|
|
8513
8519
|
StyledPressed.displayName = "StyledPressed";
|
|
8514
8520
|
|