@atom-learning/components 3.4.0 → 3.5.1
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 +3 -3
- package/dist/components/banner/BannerContainer.d.ts +2 -2
- package/dist/components/banner/BannerContainer.js +1 -1
- package/dist/components/banner/BannerContainer.js.map +1 -1
- package/dist/components/banner/BannerContext.js +1 -1
- package/dist/components/banner/BannerContext.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularButton.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularButton.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularContainer.d.ts +5 -2
- package/dist/components/banner/banner-regular/BannerRegularContainer.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularContainer.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts +669 -2
- package/dist/components/banner/banner-regular/BannerRegularDismiss.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularDismiss.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularText.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularText.js.map +1 -1
- package/dist/components/banner/banner-slim/BannerSlimButton.js +1 -1
- package/dist/components/banner/banner-slim/BannerSlimButton.js.map +1 -1
- package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts +2 -1
- package/dist/components/banner/banner-slim/BannerSlimContainer.js +1 -1
- package/dist/components/banner/banner-slim/BannerSlimContainer.js.map +1 -1
- package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts +2 -2
- package/dist/components/banner/banner-slim/BannerSlimDismiss.js +1 -1
- package/dist/components/banner/banner-slim/BannerSlimDismiss.js.map +1 -1
- package/dist/components/data-table/DataTableRowSelectionCheckbox.d.ts +1 -1
- package/dist/components/data-table/DataTableRowSelectionCheckbox.js.map +1 -1
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
## [3.5.1](https://github.com/Atom-Learning/components/compare/v3.5.0...v3.5.1) (2023-12-01)
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
###
|
|
4
|
+
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* remove unnessesary prop on BannerRegular Text ([9b74de3](https://github.com/Atom-Learning/components/commit/9b74de335cd3b275f505664f83bbfeda33e9c996))
|
|
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
|
|
|
@@ -326,7 +326,7 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
|
|
|
326
326
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
327
327
|
};
|
|
328
328
|
}>>, {
|
|
329
|
-
emphasis?: "
|
|
329
|
+
emphasis?: "bold" | "subtle" | "minimal" | undefined;
|
|
330
330
|
size?: "sm" | "md" | undefined;
|
|
331
331
|
}, {
|
|
332
332
|
sm: string;
|
|
@@ -648,7 +648,7 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
|
|
|
648
648
|
};
|
|
649
649
|
}>>;
|
|
650
650
|
export declare type TBannerContainerProps = React.ComponentProps<typeof StyledBannerContainer> & {
|
|
651
|
-
colorScheme
|
|
651
|
+
colorScheme?: TcolorScheme;
|
|
652
652
|
} & React.ComponentProps<typeof Dismissible>;
|
|
653
653
|
export declare const BannerContainer: ({ colorScheme, value, onDismiss, ...props }: TBannerContainerProps) => JSX.Element;
|
|
654
654
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as o from"react";import{ColorScheme as
|
|
1
|
+
import*as o from"react";import{ColorScheme as i}from"../../experiments/color-scheme/ColorScheme.js";import{styled as l}from"../../stitches.js";import{Dismissible as t}from"../dismissible/index.js";import{Flex as m}from"../flex/Flex.js";import{useBannerContext as c}from"./BannerContext.js";const d=l(m,{position:"relative",width:"100%",borderRadius:"$0",overflow:"hidden",color:"$foreground","--banner-heading-color":"$colors$foreground","--banner-text-color":"$colors$grey900",variants:{emphasis:{bold:{background:"$base11",color:"$foreground7plus","--banner-heading-color":"$colors$foreground7plus","--banner-text-color":"$colors$grey100"},subtle:{background:"$base3"},minimal:{background:"$base1"}},size:{sm:{},md:{}}}}),b=({colorScheme:e={},value:r,onDismiss:n,...s})=>{const{emphasis:a}=c();return o.createElement(i,{...e,asChild:!0},o.createElement(t,{asChild:!0,value:r,onDismiss:n},o.createElement(d,{role:"banner",emphasis:a,...s})))};export{b as BannerContainer};
|
|
2
2
|
//# sourceMappingURL=BannerContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n position: 'relative',\n width: '100%',\n borderRadius: '$0',\n overflow: 'hidden',\n color: '$foreground',\n '--banner-heading-color': '$colors$foreground',\n '--banner-text-color': '$colors$grey900',\n variants: {\n emphasis: {\n
|
|
1
|
+
{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n position: 'relative',\n width: '100%',\n borderRadius: '$0',\n overflow: 'hidden',\n color: '$foreground',\n '--banner-heading-color': '$colors$foreground',\n '--banner-text-color': '$colors$grey900',\n variants: {\n emphasis: {\n bold: {\n background: '$base11',\n color: '$foreground7plus',\n '--banner-heading-color': '$colors$foreground7plus',\n '--banner-text-color': '$colors$grey100'\n },\n subtle: {\n background: '$base3'\n },\n minimal: {\n background: '$base1'\n }\n },\n size: {\n sm: {},\n md: {}\n }\n }\n})\n\nexport type TBannerContainerProps = React.ComponentProps<\n typeof StyledBannerContainer\n> & {\n colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n colorScheme = {},\n value,\n onDismiss,\n ...props\n}: TBannerContainerProps): JSX.Element => {\n const { emphasis } = useBannerContext()\n\n return (\n <ColorScheme {...colorScheme} asChild>\n <Dismissible asChild value={value} onDismiss={onDismiss}>\n <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n </Dismissible>\n </ColorScheme>\n )\n}\n"],"names":["StyledBannerContainer","styled","Flex","BannerContainer","colorScheme","value","onDismiss","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"kSASA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,SAAU,WACV,MAAO,OACP,aAAc,KACd,SAAU,SACV,MAAO,cACP,yBAA0B,qBAC1B,sBAAuB,kBACvB,SAAU,CACR,SAAU,CACR,KAAM,CACJ,WAAY,UACZ,MAAO,mBACP,yBAA0B,0BAC1B,sBAAuB,iBACzB,EACA,OAAQ,CACN,WAAY,QACd,EACA,QAAS,CACP,WAAY,QACd,CACF,EACA,KAAM,CACJ,GAAI,GACJ,GAAI,CACN,CAAA,CACF,CACF,CAAC,EAQYC,EAAkB,CAAC,CAC9B,YAAAC,EAAc,CAAA,EACd,MAAAC,EACA,UAAAC,KACGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAErB,EAAA,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,MAAOP,EAAO,UAAWC,CAC5CI,EAAAA,EAAA,cAACV,EAAA,CAAsB,KAAK,SAAS,SAAUQ,EAAW,GAAGD,CAAO,CAAA,CACtE,CACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as s from"react";const
|
|
1
|
+
import*as s from"react";const i=s.createContext({emphasis:"minimal",size:{"@initial":"sm","@md":"md"},hasDismiss:!1,setHasDismiss:()=>null}),o=()=>{const e=s.useContext(i);if(e===void 0)throw new Error("useBannerContext must be used within a BannerProvider");return e},u=({emphasis:e="minimal",size:n={"@initial":"sm","@md":"md"},children:a})=>{const[t,r]=s.useState(!1),m=s.useMemo(()=>({emphasis:e,size:n,hasDismiss:t,setHasDismiss:r}),[e,n,t,r]);return s.createElement(i.Provider,{value:m},a)};export{i as BannerContext,u as BannerProvider,o as useBannerContext};
|
|
2
2
|
//# sourceMappingURL=BannerContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\nexport type TBannerProviderProps = Pick<\n TBannerContainerProps,\n 'size' | 'emphasis'\n>\n\ntype TBannerContextValue = TBannerProviderProps & {\n hasDismiss: boolean\n setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BannerContext = React.createContext<TBannerContextValue>({\n emphasis: '
|
|
1
|
+
{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\nexport type TBannerProviderProps = Pick<\n TBannerContainerProps,\n 'size' | 'emphasis'\n>\n\ntype TBannerContextValue = TBannerProviderProps & {\n hasDismiss: boolean\n setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BannerContext = React.createContext<TBannerContextValue>({\n emphasis: 'minimal',\n size: {\n '@initial': 'sm',\n '@md': 'md'\n },\n hasDismiss: false,\n setHasDismiss: () => null\n})\n\nexport const useBannerContext = (): TBannerContextValue => {\n const context = React.useContext(BannerContext)\n\n if (context === undefined) {\n throw new Error('useBannerContext must be used within a BannerProvider')\n }\n\n return context\n}\n\nexport const BannerProvider: React.FC<TBannerProviderProps> = ({\n emphasis = 'minimal',\n size = {\n '@initial': 'sm',\n '@md': 'md'\n },\n children\n}) => {\n const [hasDismiss, setHasDismiss] = React.useState(false)\n const value = React.useMemo<TBannerContextValue>(\n () => ({ emphasis, size, hasDismiss, setHasDismiss }),\n [emphasis, size, hasDismiss, setHasDismiss]\n )\n return (\n <BannerContext.Provider value={value}>{children}</BannerContext.Provider>\n )\n}\n"],"names":["BannerContext","React","useBannerContext","context","BannerProvider","emphasis","size","children","hasDismiss","setHasDismiss","value"],"mappings":"wBAca,MAAAA,EAAgBC,EAAM,cAAmC,CACpE,SAAU,UACV,KAAM,CACJ,WAAY,KACZ,MAAO,IACT,EACA,WAAY,GACZ,cAAe,IAAM,IACvB,CAAC,EAEYC,EAAmB,IAA2B,CACzD,MAAMC,EAAUF,EAAM,WAAWD,CAAa,EAE9C,GAAIG,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT,EAEaC,EAAiD,CAAC,CAC7D,SAAAC,EAAW,UACX,KAAAC,EAAO,CACL,WAAY,KACZ,MAAO,IACT,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAK,EAClDS,EAAQT,EAAM,QAClB,KAAO,CAAE,SAAAI,EAAU,KAAAC,EAAM,WAAAE,EAAY,cAAAC,CAAc,GACnD,CAACJ,EAAUC,EAAME,EAAYC,CAAa,CAC5C,EACA,OACER,EAAA,cAACD,EAAc,SAAd,CAAuB,MAAOU,CAAQH,EAAAA,CAAS,CAEpD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as t from"react";import{overrideStitchesVariantValue as i}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Button as s}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const r=
|
|
1
|
+
import*as t from"react";import{overrideStitchesVariantValue as i}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Button as s}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const r=o=>{const{emphasis:n,size:e}=u(),a=t.useMemo(()=>i(e,m=>m==="sm"),[e]);return t.createElement(s,{size:e,fullWidth:a,theme:n==="bold"?"neutral":"primary",...o})};r.displayName="BannerRegularButton";export{r as BannerRegularButton};
|
|
2
2
|
//# sourceMappingURL=BannerRegularButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerRegularButton.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton: React.FC<\n React.ComponentProps<typeof Button>\n> = (props) => {\n const { emphasis, size } = useBannerContext()\n\n const fullWidth = React.useMemo(\n () => overrideStitchesVariantValue(size, (s) => s === 'sm'),\n [size]\n )\n\n return (\n <Button\n size={size}\n fullWidth={fullWidth}\n theme={emphasis === '
|
|
1
|
+
{"version":3,"file":"BannerRegularButton.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton: React.FC<\n React.ComponentProps<typeof Button>\n> = (props) => {\n const { emphasis, size } = useBannerContext()\n\n const fullWidth = React.useMemo(\n () => overrideStitchesVariantValue(size, (s) => s === 'sm'),\n [size]\n )\n\n return (\n <Button\n size={size}\n fullWidth={fullWidth}\n theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n {...props}\n />\n )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"names":["BannerRegularButton","props","emphasis","size","useBannerContext","fullWidth","React","overrideStitchesVariantValue","s","Button"],"mappings":"iQAOa,MAAAA,EAERC,GAAU,CACb,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAAA,EAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA6BJ,EAAOK,GAAMA,IAAM,IAAI,EAC1D,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAMN,EACN,UAAWE,EACX,MAAOH,IAAa,OAAS,UAAY,UACxC,GAAGD,CACN,CAAA,CAEJ,EAEAD,EAAoB,YAAc"}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BannerContainer } from '../BannerContainer';
|
|
3
|
+
declare type TBannerRegularContainerProps = Omit<React.ComponentProps<typeof BannerContainer>, 'direction' | 'align' | 'wrap' | 'gap' | 'justify'>;
|
|
4
|
+
export declare const BannerRegularContainer: (props: TBannerRegularContainerProps) => JSX.Element;
|
|
5
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{BannerContainer as n}from"../BannerContainer.js";const r
|
|
1
|
+
import*as r from"react";import{BannerContainer as n}from"../BannerContainer.js";const o=e=>r.createElement(n,{...e});export{o as BannerRegularContainer};
|
|
2
2
|
//# sourceMappingURL=BannerRegularContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerRegularContainer.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import { BannerContainer } from '../BannerContainer'\n\nexport const BannerRegularContainer = BannerContainer\n"],"names":["BannerRegularContainer","BannerContainer"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BannerRegularContainer.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { BannerContainer } from '../BannerContainer'\n\ntype TBannerRegularContainerProps = Omit<\n React.ComponentProps<typeof BannerContainer>,\n 'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerRegularContainer = (props: TBannerRegularContainerProps) => (\n <BannerContainer {...props} />\n)\n"],"names":["BannerRegularContainer","props","React","BannerContainer"],"mappings":"gFASO,MAAMA,EAA0BC,GACrCC,EAAA,cAACC,EAAA,CAAiB,GAAGF,CAAO,CAAA"}
|