@atom-learning/components 3.12.1 → 3.12.3
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/CHANGELOG.md +2 -2
- package/dist/components/section-message/SectionMessageLayout.js +1 -1
- package/dist/components/section-message/SectionMessageLayout.js.map +1 -1
- package/dist/components/stepper/StepperStepContainer.js +1 -1
- package/dist/components/stepper/StepperStepContainer.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/utilities/style/focus-visible-style-block.js +1 -1
- package/dist/utilities/style/focus-visible-style-block.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
## [3.12.
|
|
1
|
+
## [3.12.3](https://github.com/Atom-Learning/components/compare/v3.12.2...v3.12.3) (2024-02-13)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* stray uses of color $primary which had not been replaced ([f559abd](https://github.com/Atom-Learning/components/commit/f559abdc396ea914d173a0a99c9cb126c20bd0c9))
|
|
7
7
|
|
|
8
8
|
# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
|
|
9
9
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import o from"react";import{Box as s}from"../box/Box.js";import{Flex as r}from"../flex/Flex.js";const a=({css:e,...t})=>o.createElement(s,{css:{maxWidth:"100%",flexShrink:0,paddingTop:"$0",["& > *:not(:last-child)"]:{mb:"$2"},...e},...t}),n=({css:e,...t})=>o.createElement(s,{css:{maxWidth:"100%",flexShrink:0,...e}},o.createElement(r,{wrap:"wrap",gap:3,...t}));export{n as SectionMessageActions,a as SectionMessageContent};
|
|
2
2
|
//# sourceMappingURL=SectionMessageLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionMessageLayout.js","sources":["../../../src/components/section-message/SectionMessageLayout.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\n\nexport const SectionMessageContent = ({\n css,\n ...rest\n}: React.ComponentProps<typeof Box>): JSX.Element => (\n <Box\n css={{\n maxWidth: '100%',\n flexShrink: 0,\n ['& > *:not(:last-child)']: { mb: '$2' },\n ...css\n }}\n {...rest}\n />\n)\n\nexport const SectionMessageActions = ({\n css,\n ...rest\n}: React.ComponentProps<typeof Flex>): JSX.Element => (\n <Box css={{ maxWidth: '100%', flexShrink: 0, ...css }}>\n <Flex wrap=\"wrap\" gap={3} {...rest} />\n </Box>\n)\n"],"names":["SectionMessageContent","css","rest","React","Box","SectionMessageActions","Flex"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SectionMessageLayout.js","sources":["../../../src/components/section-message/SectionMessageLayout.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\n\nexport const SectionMessageContent = ({\n css,\n ...rest\n}: React.ComponentProps<typeof Box>): JSX.Element => (\n <Box\n css={{\n maxWidth: '100%',\n flexShrink: 0,\n paddingTop: '$0',\n ['& > *:not(:last-child)']: { mb: '$2' },\n ...css\n }}\n {...rest}\n />\n)\n\nexport const SectionMessageActions = ({\n css,\n ...rest\n}: React.ComponentProps<typeof Flex>): JSX.Element => (\n <Box css={{ maxWidth: '100%', flexShrink: 0, ...css }}>\n <Flex wrap=\"wrap\" gap={3} {...rest} />\n </Box>\n)\n"],"names":["SectionMessageContent","css","rest","React","Box","SectionMessageActions","Flex"],"mappings":"gGAKa,MAAAA,EAAwB,CAAC,CACpC,IAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,SAAU,OACV,WAAY,EACZ,WAAY,KACZ,CAAC,0BAA2B,CAAE,GAAI,IAAK,EACvC,GAAGH,CACL,EACC,GAAGC,CACN,CAAA,EAGWG,EAAwB,CAAC,CACpC,IAAAJ,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAI,IAAK,CAAE,SAAU,OAAQ,WAAY,EAAG,GAAGH,CAAI,GAClDE,EAAA,cAACG,EAAA,CAAK,KAAK,OAAO,IAAK,EAAI,GAAGJ,EAAM,CACtC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{styled as t}from"../../stitches.js";import{Flex as i}from"../flex/Flex.js";const o=t(i,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{canInteract:{true:{}},direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal100"}},active:{"&:not(:last-child)::after":{bg:"$primary800"}},success:{"&:not(:last-child)::after":{bg:"$success"}},viewed:{"&:not(:last-child)::after":{bg:"$tonal200"}}},status:{completed:{},active:{},default:{},viewed:{},success:{},reviewed:{}}},compoundVariants:[{canInteract:!0,status:"completed",css:{"&:hover":{"& :first-child":{bg:"$primary900",color:"white !important"},"& :last-child":{color:"$primary900"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"active",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"viewed",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $
|
|
1
|
+
import{styled as t}from"../../stitches.js";import{Flex as i}from"../flex/Flex.js";const o=t(i,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{canInteract:{true:{}},direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal100"}},active:{"&:not(:last-child)::after":{bg:"$primary800"}},success:{"&:not(:last-child)::after":{bg:"$success"}},viewed:{"&:not(:last-child)::after":{bg:"$tonal200"}}},status:{completed:{},active:{},default:{},viewed:{},success:{},reviewed:{}}},compoundVariants:[{canInteract:!0,status:"completed",css:{"&:hover":{"& :first-child":{bg:"$primary900",color:"white !important"},"& :last-child":{color:"$primary900"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"active",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"viewed",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800 !important",outlineOffset:"2px !important"}}}},{canInteract:!0,status:"reviewed",css:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800 !important",outlineOffset:"2px !important"}}}}]});export{o as StepperStepContainer};
|
|
2
2
|
//# sourceMappingURL=StepperStepContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n position: 'relative',\n fontFamily: '$body',\n fontWeight: 600,\n fontSize: '$md',\n alignItems: 'center',\n '&:not(:last-child)::after': {\n content: '',\n position: 'absolute'\n },\n '&:focus-visible': {\n outline: 'none'\n },\n variants: {\n canInteract: { true: {} },\n direction: {\n vertical: {\n py: '$3',\n flexDirection: 'row',\n '&:not(:last-child)::after': {\n height: '100%',\n width: '4px',\n left: '14px',\n top: '50%'\n }\n },\n horizontal: {\n px: '$2',\n flexDirection: 'column',\n '&:not(:last-child)::after': {\n width: '100%',\n height: '4px',\n left: '50%',\n top: '14px'\n }\n }\n },\n separator: {\n default: { '&:not(:last-child)::after': { bg: '$tonal100' } },\n active: { '&:not(:last-child)::after': { bg: '$primary800' } },\n success: { '&:not(:last-child)::after': { bg: '$success' } },\n viewed: { '&:not(:last-child)::after': { bg: '$tonal200' } }\n },\n status: {\n completed: {},\n active: {},\n default: {},\n viewed: {},\n success: {},\n reviewed: {}\n }\n },\n compoundVariants: [\n {\n canInteract: true,\n status: 'completed',\n css: {\n '&:hover': {\n '& :first-child': { bg: '$primary900', color: 'white !important' },\n '& :last-child': { color: '$primary900' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'active',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n '& :last-child': { color: '$tonal600' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'viewed',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n '& :last-child': { color: '$tonal600' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $
|
|
1
|
+
{"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n position: 'relative',\n fontFamily: '$body',\n fontWeight: 600,\n fontSize: '$md',\n alignItems: 'center',\n '&:not(:last-child)::after': {\n content: '',\n position: 'absolute'\n },\n '&:focus-visible': {\n outline: 'none'\n },\n variants: {\n canInteract: { true: {} },\n direction: {\n vertical: {\n py: '$3',\n flexDirection: 'row',\n '&:not(:last-child)::after': {\n height: '100%',\n width: '4px',\n left: '14px',\n top: '50%'\n }\n },\n horizontal: {\n px: '$2',\n flexDirection: 'column',\n '&:not(:last-child)::after': {\n width: '100%',\n height: '4px',\n left: '50%',\n top: '14px'\n }\n }\n },\n separator: {\n default: { '&:not(:last-child)::after': { bg: '$tonal100' } },\n active: { '&:not(:last-child)::after': { bg: '$primary800' } },\n success: { '&:not(:last-child)::after': { bg: '$success' } },\n viewed: { '&:not(:last-child)::after': { bg: '$tonal200' } }\n },\n status: {\n completed: {},\n active: {},\n default: {},\n viewed: {},\n success: {},\n reviewed: {}\n }\n },\n compoundVariants: [\n {\n canInteract: true,\n status: 'completed',\n css: {\n '&:hover': {\n '& :first-child': { bg: '$primary900', color: 'white !important' },\n '& :last-child': { color: '$primary900' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'active',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n '& :last-child': { color: '$tonal600' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'viewed',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n '& :last-child': { color: '$tonal600' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800 !important',\n outlineOffset: '2px !important'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'reviewed',\n css: {\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800 !important',\n outlineOffset: '2px !important'\n }\n }\n }\n }\n ]\n})\n"],"names":["StepperStepContainer","styled","Flex"],"mappings":"kFAIO,MAAMA,EAAuBC,EAAOC,EAAM,CAC/C,SAAU,WACV,WAAY,QACZ,WAAY,IACZ,SAAU,MACV,WAAY,SACZ,4BAA6B,CAC3B,QAAS,GACT,SAAU,UACZ,EACA,kBAAmB,CACjB,QAAS,MACX,EACA,SAAU,CACR,YAAa,CAAE,KAAM,EAAG,EACxB,UAAW,CACT,SAAU,CACR,GAAI,KACJ,cAAe,MACf,4BAA6B,CAC3B,OAAQ,OACR,MAAO,MACP,KAAM,OACN,IAAK,KACP,CACF,EACA,WAAY,CACV,GAAI,KACJ,cAAe,SACf,4BAA6B,CAC3B,MAAO,OACP,OAAQ,MACR,KAAM,MACN,IAAK,MACP,CACF,CACF,EACA,UAAW,CACT,QAAS,CAAE,4BAA6B,CAAE,GAAI,WAAY,CAAE,EAC5D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,aAAc,CAAE,EAC7D,QAAS,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,EAC3D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,WAAY,CAAE,CAC7D,EACA,OAAQ,CACN,UAAW,GACX,OAAQ,CAAA,EACR,QAAS,CACT,EAAA,OAAQ,CAAA,EACR,QAAS,CAAC,EACV,SAAU,EACZ,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,OAAQ,YACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,GAAI,cAAe,MAAO,kBAAmB,EACjE,gBAAiB,CAAE,MAAO,aAAc,CAC1C,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,YAAa,MAAO,WAAY,EACjE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,YAAa,MAAO,WAAY,EACjE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,mCACT,cAAe,gBACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,WACR,IAAK,CACH,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,mCACT,cAAe,gBACjB,CACF,CACF,CACF,CACF,CACF,CAAC"}
|