@bbl-digital/snorre 2.2.143 → 2.2.144

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 (10) hide show
  1. package/dist/bundle.js +5 -1
  2. package/esm/core/Checkbox/index.js +1 -0
  3. package/esm/core/TabNav/index.js +4 -1
  4. package/lib/core/Checkbox/index.d.ts +2 -0
  5. package/lib/core/Checkbox/index.d.ts.map +1 -1
  6. package/lib/core/Checkbox/index.js +1 -0
  7. package/lib/core/TabNav/index.d.ts +2 -0
  8. package/lib/core/TabNav/index.d.ts.map +1 -1
  9. package/lib/core/TabNav/index.js +4 -1
  10. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -1822,6 +1822,7 @@
1822
1822
 
1823
1823
  return jsxRuntime$1.jsxs("label", {
1824
1824
  "aria-label": props['aria-label'],
1825
+ className: props.className,
1825
1826
  css: theme => [styles$i.default(theme), props.disabled && styles$i.disabled(theme, props.disabledHoverState), props.nomargin && styles$i.nomargin, props.child && styles$i.child, props.type === 'subtle' && styles$i.subtle(theme)],
1826
1827
  onClick: e => e.stopPropagation(),
1827
1828
  children: [jsxRuntime$1.jsx("input", {
@@ -30852,7 +30853,8 @@
30852
30853
  color,
30853
30854
  underlineColor,
30854
30855
  vertical,
30855
- actions
30856
+ actions,
30857
+ className
30856
30858
  }) => {
30857
30859
  const theme = react.useTheme(); // Container dimensions
30858
30860
 
@@ -30892,6 +30894,7 @@
30892
30894
  onChange: ({
30893
30895
  value
30894
30896
  }) => setActive(value),
30897
+ className: className,
30895
30898
  children: values.map(({
30896
30899
  displayText,
30897
30900
  value
@@ -30906,6 +30909,7 @@
30906
30909
  return jsxRuntime$1.jsxs(TabNavWrapper, {
30907
30910
  ref: ref,
30908
30911
  theme: theme,
30912
+ className: className,
30909
30913
  css: () => [vertical && styles$2.vertical, color && styles$2.color(color), maxWidth && styles$2.maxWidth(maxWidth), underlineColor && styles$2.underlineColor(underlineColor), css],
30910
30914
  children: [children, actions && jsxRuntime$1.jsx(TabNavActions, {
30911
30915
  ref: buttonRef,
package/esm/core/Checkbox/index.js CHANGED
@@ -18,6 +18,7 @@ const Checkbox = props => {
18
18
 
19
19
  return _jsxs("label", {
20
20
  "aria-label": props['aria-label'],
21
+ className: props.className,
21
22
  css: theme => [styles.default(theme), props.disabled && styles.disabled(theme, props.disabledHoverState), props.nomargin && styles.nomargin, props.child && styles.child, props.type === 'subtle' && styles.subtle(theme)],
22
23
  onClick: e => e.stopPropagation(),
23
24
  children: [_jsx("input", {
package/esm/core/TabNav/index.js CHANGED
@@ -17,7 +17,8 @@ const TabNav = ({
17
17
  color,
18
18
  underlineColor,
19
19
  vertical,
20
- actions
20
+ actions,
21
+ className
21
22
  }) => {
22
23
  const theme = useTheme(); // Container dimensions
23
24
 
@@ -57,6 +58,7 @@ const TabNav = ({
57
58
  onChange: ({
58
59
  value
59
60
  }) => setActive(value),
61
+ className: className,
60
62
  children: values.map(({
61
63
  displayText,
62
64
  value
@@ -71,6 +73,7 @@ const TabNav = ({
71
73
  return _jsxs(TabNavWrapper, {
72
74
  ref: ref,
73
75
  theme: theme,
76
+ className: className,
74
77
  css: () => [vertical && styles.vertical, color && styles.color(color), maxWidth && styles.maxWidth(maxWidth), underlineColor && styles.underlineColor(underlineColor), css],
75
78
  children: [children, actions && _jsx(TabNavActions, {
76
79
  ref: buttonRef,
package/lib/core/Checkbox/index.d.ts CHANGED
@@ -21,6 +21,8 @@ interface IProps {
21
21
  value?: string;
22
22
  /** Show as child checkbox */
23
23
  child?: boolean;
24
+ /** Add classname */
25
+ className?: string;
24
26
  /** CB when checkbox changes */
25
27
  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
26
28
  /** cb for onclick, if one for instance wants to stop propogation */
package/lib/core/Checkbox/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,UAAU,MAAM;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACvC,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAA;IAC1D,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,KAAK,GAAG,CAAA;CACrE;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuC9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,UAAU,MAAM;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACvC,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAA;IAC1D,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,KAAK,GAAG,CAAA;CACrE;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwC9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
package/lib/core/Checkbox/index.js CHANGED
@@ -18,6 +18,7 @@ const Checkbox = props => {
18
18
 
19
19
  return _jsxs("label", {
20
20
  "aria-label": props['aria-label'],
21
+ className: props.className,
21
22
  css: theme => [styles.default(theme), props.disabled && styles.disabled(theme, props.disabledHoverState), props.nomargin && styles.nomargin, props.child && styles.child, props.type === 'subtle' && styles.subtle(theme)],
22
23
  onClick: e => e.stopPropagation(),
23
24
  children: [_jsx("input", {
package/lib/core/TabNav/index.d.ts CHANGED
@@ -18,6 +18,8 @@ interface Props {
18
18
  css?: SerializedStyles;
19
19
  /** Action buttons that will align on the right end of the underline */
20
20
  actions?: ReactNode;
21
+ /** Add classname */
22
+ className?: string;
21
23
  }
22
24
  declare const TabNav: React.FC<Props>;
23
25
  export { TabNav };
package/lib/core/TabNav/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAO3D,UAAU,KAAK;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiF3B,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAO3D,UAAU,KAAK;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoF3B,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,eAAe,MAAM,CAAA"}
package/lib/core/TabNav/index.js CHANGED
@@ -17,7 +17,8 @@ const TabNav = ({
17
17
  color,
18
18
  underlineColor,
19
19
  vertical,
20
- actions
20
+ actions,
21
+ className
21
22
  }) => {
22
23
  const theme = useTheme(); // Container dimensions
23
24
 
@@ -57,6 +58,7 @@ const TabNav = ({
57
58
  onChange: ({
58
59
  value
59
60
  }) => setActive(value),
61
+ className: className,
60
62
  children: values.map(({
61
63
  displayText,
62
64
  value
@@ -71,6 +73,7 @@ const TabNav = ({
71
73
  return _jsxs(TabNavWrapper, {
72
74
  ref: ref,
73
75
  theme: theme,
76
+ className: className,
74
77
  css: () => [vertical && styles.vertical, color && styles.color(color), maxWidth && styles.maxWidth(maxWidth), underlineColor && styles.underlineColor(underlineColor), css],
75
78
  children: [children, actions && _jsx(TabNavActions, {
76
79
  ref: buttonRef,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.2.143",
3
+ "version": "2.2.144",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",