@jobber/components 6.88.0 → 6.89.0

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 (5) hide show
  1. package/dist/InlineLabel/InlineLabel.d.ts +1 -1
  2. package/dist/InlineLabel-cjs.js +2 -1
  3. package/dist/InlineLabel-es.js +2 -1
  4. package/dist/styles.css +10 -1
  5. package/package.json +2 -2
package/dist/InlineLabel/InlineLabel.d.ts CHANGED
@@ -6,7 +6,7 @@ interface InlineLabelProps {
6
6
  * The size of the label
7
7
  * @default base
8
8
  */
9
- readonly size?: "base" | "large" | "larger";
9
+ readonly size?: "small" | "base" | "large" | "larger";
10
10
  /**
11
11
  * The color of the label
12
12
  * @default "greyBlue"
package/dist/InlineLabel-cjs.js CHANGED
@@ -4,11 +4,12 @@ var React = require('react');
4
4
  var classnames = require('classnames');
5
5
  var Typography = require('./Typography-cjs.js');
6
6
 
7
- var styles = {"inlineLabel":"M01SZy5EYFg-","base":"_0L5DuoQQ0N0-","large":"QKOUUH9-Fho-","larger":"GdJFaAMVrfU-","greyBlue":"_1KuDugNaT-o-","red":"bHju-S5Uytc-","orange":"hk1-OlPzFpM-","green":"ekQbbiBSxKk-","success":"YBvJuPW-YEI-","blue":"_5X5w6s0pPdw-","inactive":"lju-nyF9vX0-","navy":"nMlCD9k-Meg-","task":"HVMpHULM2PU-","yellow":"hOJmavXturw-","warning":"kfXKagw-wdE-","lime":"ZrdNg5b18oY-","purple":"df-Q7pKd2iI-","invoice":"WE3Qy5JUsN4-","pink":"-Wiy2k-i7tQ-","quote":"NoDP1qZvkds-","teal":"gc8t5abqWH4-","yellowGreen":"SeLhnnpqK70-","job":"L9FK1YwwCB8-","blueDark":"PZdC-xYFPok-","lightBlue":"_3JD9CXbxRQ8-","informative":"R-kgbH6qPZU-","indigo":"_6juDApQlcS0-","request":"MGcsvmjHlow-","spinning":"dre73387JG8-"};
7
+ var styles = {"inlineLabel":"M01SZy5EYFg-","small":"_8nqeeAapUQU-","base":"_0L5DuoQQ0N0-","large":"QKOUUH9-Fho-","larger":"GdJFaAMVrfU-","greyBlue":"_1KuDugNaT-o-","red":"bHju-S5Uytc-","orange":"hk1-OlPzFpM-","green":"ekQbbiBSxKk-","success":"YBvJuPW-YEI-","blue":"_5X5w6s0pPdw-","inactive":"lju-nyF9vX0-","navy":"nMlCD9k-Meg-","task":"HVMpHULM2PU-","yellow":"hOJmavXturw-","warning":"kfXKagw-wdE-","lime":"ZrdNg5b18oY-","purple":"df-Q7pKd2iI-","invoice":"WE3Qy5JUsN4-","pink":"-Wiy2k-i7tQ-","quote":"NoDP1qZvkds-","teal":"gc8t5abqWH4-","yellowGreen":"SeLhnnpqK70-","job":"L9FK1YwwCB8-","blueDark":"PZdC-xYFPok-","lightBlue":"_3JD9CXbxRQ8-","informative":"R-kgbH6qPZU-","indigo":"_6juDApQlcS0-","request":"MGcsvmjHlow-","spinning":"dre73387JG8-"};
8
8
 
9
9
  function InlineLabel({ size = "base", color = "greyBlue", children, }) {
10
10
  const className = classnames(styles.inlineLabel, styles[size], styles[color]);
11
11
  const sizeMapper = {
12
+ small: "smaller",
12
13
  base: "small",
13
14
  large: "large",
14
15
  larger: "large",
package/dist/InlineLabel-es.js CHANGED
@@ -2,11 +2,12 @@ import React__default from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { T as Typography } from './Typography-es.js';
4
4
 
5
- var styles = {"inlineLabel":"M01SZy5EYFg-","base":"_0L5DuoQQ0N0-","large":"QKOUUH9-Fho-","larger":"GdJFaAMVrfU-","greyBlue":"_1KuDugNaT-o-","red":"bHju-S5Uytc-","orange":"hk1-OlPzFpM-","green":"ekQbbiBSxKk-","success":"YBvJuPW-YEI-","blue":"_5X5w6s0pPdw-","inactive":"lju-nyF9vX0-","navy":"nMlCD9k-Meg-","task":"HVMpHULM2PU-","yellow":"hOJmavXturw-","warning":"kfXKagw-wdE-","lime":"ZrdNg5b18oY-","purple":"df-Q7pKd2iI-","invoice":"WE3Qy5JUsN4-","pink":"-Wiy2k-i7tQ-","quote":"NoDP1qZvkds-","teal":"gc8t5abqWH4-","yellowGreen":"SeLhnnpqK70-","job":"L9FK1YwwCB8-","blueDark":"PZdC-xYFPok-","lightBlue":"_3JD9CXbxRQ8-","informative":"R-kgbH6qPZU-","indigo":"_6juDApQlcS0-","request":"MGcsvmjHlow-","spinning":"dre73387JG8-"};
5
+ var styles = {"inlineLabel":"M01SZy5EYFg-","small":"_8nqeeAapUQU-","base":"_0L5DuoQQ0N0-","large":"QKOUUH9-Fho-","larger":"GdJFaAMVrfU-","greyBlue":"_1KuDugNaT-o-","red":"bHju-S5Uytc-","orange":"hk1-OlPzFpM-","green":"ekQbbiBSxKk-","success":"YBvJuPW-YEI-","blue":"_5X5w6s0pPdw-","inactive":"lju-nyF9vX0-","navy":"nMlCD9k-Meg-","task":"HVMpHULM2PU-","yellow":"hOJmavXturw-","warning":"kfXKagw-wdE-","lime":"ZrdNg5b18oY-","purple":"df-Q7pKd2iI-","invoice":"WE3Qy5JUsN4-","pink":"-Wiy2k-i7tQ-","quote":"NoDP1qZvkds-","teal":"gc8t5abqWH4-","yellowGreen":"SeLhnnpqK70-","job":"L9FK1YwwCB8-","blueDark":"PZdC-xYFPok-","lightBlue":"_3JD9CXbxRQ8-","informative":"R-kgbH6qPZU-","indigo":"_6juDApQlcS0-","request":"MGcsvmjHlow-","spinning":"dre73387JG8-"};
6
6
 
7
7
  function InlineLabel({ size = "base", color = "greyBlue", children, }) {
8
8
  const className = classnames(styles.inlineLabel, styles[size], styles[color]);
9
9
  const sizeMapper = {
10
+ small: "smaller",
10
11
  base: "small",
11
12
  large: "large",
12
13
  larger: "large",
package/dist/styles.css CHANGED
@@ -4415,7 +4415,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
4415
4415
  }
4416
4416
 
4417
4417
  .W-9SMjhEMpI- {
4418
- display: inline-block;
4418
+ display: -ms-inline-flexbox;
4419
+ display: inline-flex;
4420
+ max-width: 100%;
4419
4421
  }
4420
4422
 
4421
4423
  :root {
@@ -5252,6 +5254,13 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5252
5254
  display: inline-flex;
5253
5255
  }
5254
5256
 
5257
+ ._8nqeeAapUQU- {
5258
+ padding: calc(2px) calc(8px);
5259
+ padding: calc(var(--space-smallest)) calc(var(--space-small));
5260
+ border-radius: 16px;
5261
+ border-radius: var(--radius-large);
5262
+ }
5263
+
5255
5264
  ._0L5DuoQQ0N0- {
5256
5265
  padding: calc(4px * 1.5) calc(8px * 1.25);
5257
5266
  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "6.88.0",
3
+ "version": "6.89.0",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -543,5 +543,5 @@
543
543
  "> 1%",
544
544
  "IE 10"
545
545
  ],
546
- "gitHead": "b315d894eb1d6f8ea122c880c0338234c860404a"
546
+ "gitHead": "78ab585f85c917e6a1fff619fabda94bba781125"
547
547
  }