@bbl-digital/snorre 2.2.132 → 2.2.135

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 (12) hide show
  1. package/dist/bundle.js +8 -4
  2. package/esm/core/Autocomplete/index.js +1 -1
  3. package/esm/core/TabNav/TabNavItem/index.js +3 -1
  4. package/esm/layout/Submenu/SubmenuItem/index.js +4 -2
  5. package/lib/core/Autocomplete/index.js +1 -1
  6. package/lib/core/TabNav/TabNavItem/index.d.ts +2 -0
  7. package/lib/core/TabNav/TabNavItem/index.d.ts.map +1 -1
  8. package/lib/core/TabNav/TabNavItem/index.js +3 -1
  9. package/lib/layout/Submenu/SubmenuItem/index.d.ts +4 -2
  10. package/lib/layout/Submenu/SubmenuItem/index.d.ts.map +1 -1
  11. package/lib/layout/Submenu/SubmenuItem/index.js +4 -2
  12. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -26284,9 +26284,10 @@
26284
26284
  lightTheme,
26285
26285
  active,
26286
26286
  label,
26287
+ className,
26288
+ showActiveitemLabel,
26287
26289
  onClick,
26288
- onChange,
26289
- showActiveitemLabel
26290
+ onChange
26290
26291
  }) => {
26291
26292
  const theme = react.useTheme();
26292
26293
  const isMobile = useIsMobile();
@@ -26314,6 +26315,7 @@
26314
26315
  css: FocusState(lightTheme ? theme.primary : 'white'),
26315
26316
  trackingName: "Submenu",
26316
26317
  trackingEvent: 'Submenu click: ' + label,
26318
+ className: className,
26317
26319
  children: jsxRuntime$1.jsx(reactTransitionGroup.CSSTransition, {
26318
26320
  in: active,
26319
26321
  classNames: "submenu-item",
@@ -30851,7 +30853,8 @@
30851
30853
  value,
30852
30854
  displayText,
30853
30855
  trackingEvent,
30854
- trackingName
30856
+ trackingName,
30857
+ className
30855
30858
  }) => {
30856
30859
  const theme = react.useTheme();
30857
30860
  const {
@@ -30876,6 +30879,7 @@
30876
30879
  css: t => [isActive && styles$3.active(t)],
30877
30880
  "data-tracking-name": trackingName,
30878
30881
  "data-tracking-event": trackingEvent,
30882
+ className: className,
30879
30883
  children: displayText ? displayText : value
30880
30884
  });
30881
30885
  };
@@ -31970,7 +31974,7 @@
31970
31974
  })]
31971
31975
  }), (props.values?.length || props.renderCustomValueInput) && !props.loading && showValues && jsxRuntime$1.jsxs("div", {
31972
31976
  ref: valuesRef,
31973
- css: () => [styles.listWrapper, props.dynamicallyPlaceInput && Boolean(optionsHeight) && styles.listWrapperTopPosition(optionsHeight), props.dynamicallyPlaceInput && Boolean(optionsHeight) && props.invalidMessage && styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
31977
+ css: () => [!props.renderCustomValueInput && styles.listWrapper, props.dynamicallyPlaceInput && Boolean(optionsHeight) && styles.listWrapperTopPosition(optionsHeight), props.dynamicallyPlaceInput && Boolean(optionsHeight) && props.invalidMessage && styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
31974
31978
  children: [props.values?.length && jsxRuntime$1.jsx("ul", {
31975
31979
  css: theme => [styles.list(theme)],
31976
31980
  children: props.values.map((item, index) => jsxRuntime$1.jsx("li", {
package/esm/core/Autocomplete/index.js CHANGED
@@ -252,7 +252,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
252
252
  })]
253
253
  }), (props.values?.length || props.renderCustomValueInput) && !props.loading && showValues && _jsxs("div", {
254
254
  ref: valuesRef,
255
- css: () => [styles.listWrapper, props.dynamicallyPlaceInput && Boolean(optionsHeight) && styles.listWrapperTopPosition(optionsHeight), props.dynamicallyPlaceInput && Boolean(optionsHeight) && props.invalidMessage && styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
255
+ css: () => [!props.renderCustomValueInput && styles.listWrapper, props.dynamicallyPlaceInput && Boolean(optionsHeight) && styles.listWrapperTopPosition(optionsHeight), props.dynamicallyPlaceInput && Boolean(optionsHeight) && props.invalidMessage && styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
256
256
  children: [props.values?.length && _jsx("ul", {
257
257
  css: theme => [styles.list(theme)],
258
258
  children: props.values.map((item, index) => _jsx("li", {
package/esm/core/TabNav/TabNavItem/index.js CHANGED
@@ -10,7 +10,8 @@ const TabNavItem = ({
10
10
  value,
11
11
  displayText,
12
12
  trackingEvent,
13
- trackingName
13
+ trackingName,
14
+ className
14
15
  }) => {
15
16
  const theme = useTheme();
16
17
  const {
@@ -35,6 +36,7 @@ const TabNavItem = ({
35
36
  css: t => [isActive && styles.active(t)],
36
37
  "data-tracking-name": trackingName,
37
38
  "data-tracking-event": trackingEvent,
39
+ className: className,
38
40
  children: displayText ? displayText : value
39
41
  });
40
42
  };
package/esm/layout/Submenu/SubmenuItem/index.js CHANGED
@@ -13,9 +13,10 @@ const SubmenuItem = ({
13
13
  lightTheme,
14
14
  active,
15
15
  label,
16
+ className,
17
+ showActiveitemLabel,
16
18
  onClick,
17
- onChange,
18
- showActiveitemLabel
19
+ onChange
19
20
  }) => {
20
21
  const theme = useTheme();
21
22
  const isMobile = useIsMobile();
@@ -43,6 +44,7 @@ const SubmenuItem = ({
43
44
  css: FocusState(lightTheme ? theme.primary : 'white'),
44
45
  trackingName: "Submenu",
45
46
  trackingEvent: 'Submenu click: ' + label,
47
+ className: className,
46
48
  children: _jsx(CSSTransition, {
47
49
  in: active,
48
50
  classNames: "submenu-item",
package/lib/core/Autocomplete/index.js CHANGED
@@ -252,7 +252,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
252
252
  })]
253
253
  }), (props.values?.length || props.renderCustomValueInput) && !props.loading && showValues && _jsxs("div", {
254
254
  ref: valuesRef,
255
- css: () => [styles.listWrapper, props.dynamicallyPlaceInput && Boolean(optionsHeight) && styles.listWrapperTopPosition(optionsHeight), props.dynamicallyPlaceInput && Boolean(optionsHeight) && props.invalidMessage && styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
255
+ css: () => [!props.renderCustomValueInput && styles.listWrapper, props.dynamicallyPlaceInput && Boolean(optionsHeight) && styles.listWrapperTopPosition(optionsHeight), props.dynamicallyPlaceInput && Boolean(optionsHeight) && props.invalidMessage && styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
256
256
  children: [props.values?.length && _jsx("ul", {
257
257
  css: theme => [styles.list(theme)],
258
258
  children: props.values.map((item, index) => _jsx("li", {
package/lib/core/TabNav/TabNavItem/index.d.ts CHANGED
@@ -8,6 +8,8 @@ export interface IProps {
8
8
  trackingEvent?: string;
9
9
  /** Add a data-tracking-name attribute. */
10
10
  trackingName?: string;
11
+ /** Add a classname tag */
12
+ className?: string;
11
13
  }
12
14
  declare const TabNavItem: React.FC<IProps>;
13
15
  export { TabNavItem };
package/lib/core/TabNav/TabNavItem/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAK5D,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+BhC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAK5D,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiChC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}
package/lib/core/TabNav/TabNavItem/index.js CHANGED
@@ -10,7 +10,8 @@ const TabNavItem = ({
10
10
  value,
11
11
  displayText,
12
12
  trackingEvent,
13
- trackingName
13
+ trackingName,
14
+ className
14
15
  }) => {
15
16
  const theme = useTheme();
16
17
  const {
@@ -35,6 +36,7 @@ const TabNavItem = ({
35
36
  css: t => [isActive && styles.active(t)],
36
37
  "data-tracking-name": trackingName,
37
38
  "data-tracking-event": trackingEvent,
39
+ className: className,
38
40
  children: displayText ? displayText : value
39
41
  });
40
42
  };
package/lib/layout/Submenu/SubmenuItem/index.d.ts CHANGED
@@ -7,12 +7,14 @@ interface IProps {
7
7
  label: string;
8
8
  /** Sets the item as active */
9
9
  active?: boolean;
10
+ /** Return label of active item or null */
11
+ showActiveitemLabel?: boolean;
12
+ /** Add classname to desktop item */
13
+ className?: string;
10
14
  /** CB fired on click */
11
15
  onClick?: () => void;
12
16
  /** CB fired on click */
13
17
  onChange?: () => void;
14
- /** Return label of active item or null */
15
- showActiveitemLabel?: boolean;
16
18
  }
17
19
  declare const SubmenuItem: React.FC<IProps>;
18
20
  export default SubmenuItem;
package/lib/layout/Submenu/SubmenuItem/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwDjC,CAAA;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0DjC,CAAA;AAED,eAAe,WAAW,CAAA"}
package/lib/layout/Submenu/SubmenuItem/index.js CHANGED
@@ -13,9 +13,10 @@ const SubmenuItem = ({
13
13
  lightTheme,
14
14
  active,
15
15
  label,
16
+ className,
17
+ showActiveitemLabel,
16
18
  onClick,
17
- onChange,
18
- showActiveitemLabel
19
+ onChange
19
20
  }) => {
20
21
  const theme = useTheme();
21
22
  const isMobile = useIsMobile();
@@ -43,6 +44,7 @@ const SubmenuItem = ({
43
44
  css: FocusState(lightTheme ? theme.primary : 'white'),
44
45
  trackingName: "Submenu",
45
46
  trackingEvent: 'Submenu click: ' + label,
47
+ className: className,
46
48
  children: _jsx(CSSTransition, {
47
49
  in: active,
48
50
  classNames: "submenu-item",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.2.132",
3
+ "version": "2.2.135",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",