@tmlmobilidade/ui 20250402.1625.1 → 20250402.1655.51

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 (7) hide show
  1. package/dist/index.css.map +1 -1
  2. package/dist/index.d.ts +2 -1
  3. package/dist/src/components/common/Tag/index.js +2 -2
  4. package/dist/src/components/common/Tag/index.js.map +1 -1
  5. package/dist/styles-no-reset.css +17 -2
  6. package/dist/styles.css +17 -2
  7. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -214,9 +214,10 @@ interface TagProps {
214
214
  filled?: boolean;
215
215
  icon?: React__default.ReactNode;
216
216
  label?: number | string;
217
+ onClick?: () => void;
217
218
  variant?: 'danger' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning';
218
219
  }
219
- declare function Tag({ filled, icon, label, variant }: TagProps): react_jsx_runtime.JSX.Element;
220
+ declare function Tag({ filled, icon, label, onClick, variant }: TagProps): react_jsx_runtime.JSX.Element;
220
221
 
221
222
  interface TextProps extends TextProps$1 {
222
223
  children: React.ReactNode;
package/dist/src/components/common/Tag/index.js CHANGED
@@ -4,8 +4,8 @@ import React__default from 'react';
4
4
  import styles from './styles.module.css.js';
5
5
 
6
6
  /* * */
7
- function Tag({ filled = false, icon, label, variant = 'primary' }) {
8
- return (jsxRuntimeExports.jsxs("div", { className: styles.tag, "data-filled": filled, "data-variant": variant, children: [React__default.isValidElement(icon) && jsxRuntimeExports.jsx("span", { className: styles.icon, children: React__default.cloneElement(icon) }), label !== null && label !== undefined && jsxRuntimeExports.jsx("span", { className: styles.label, children: label })] }));
7
+ function Tag({ filled = false, icon, label, onClick, variant = 'primary' }) {
8
+ return (jsxRuntimeExports.jsxs("div", { className: styles.tag, "data-clickable": !!onClick, "data-filled": filled, "data-variant": variant, onClick: onClick, children: [React__default.isValidElement(icon) && jsxRuntimeExports.jsx("span", { className: styles.icon, children: React__default.cloneElement(icon) }), label !== null && label !== undefined && jsxRuntimeExports.jsx("span", { className: styles.label, children: label })] }));
9
9
  }
10
10
 
11
11
  export { Tag };
package/dist/src/components/common/Tag/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/common/Tag/index.tsx"],"sourcesContent":[null],"names":["_jsxs","React","_jsx"],"mappings":";;;;;AAkBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAE,KAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAY,CAAA,CAAA;IACjF,QACCA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CACpEC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,cAAc,CAAY,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAIC,+BAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAGD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAQ,EACxG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,KAAK,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAIC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAA,CAAQ,CAClF,EAAA,CAAA,CAAA;AAER;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/common/Tag/index.tsx"],"sourcesContent":[null],"names":["_jsxs","React","_jsx"],"mappings":";;;;;AAmBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,GAAG,CAAC,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,KAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,OAAO,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAY,CAAA,CAAA;AAC1F,CAAA,CAAA,CAAA,CAAA,QACCA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAK,SAAS,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAG,CAAA,CAAA,CAAA,CAAA,gBAAA,CAAkB,CAAA,CAAC,CAAC,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAgB,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,OAAO,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACjHC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,cAAc,CAAY,CAAA,CAAA,CAAA,CAAI,CAAC,CAAIC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAGD,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,YAAY,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAQ,CAAA,CAAA,EACxG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,IAAI,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,IAAIC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,SAAS,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAQ,CAAA,CAAA,EAAA,CAClF,CAAA;AAER;;"}
package/dist/styles-no-reset.css CHANGED
@@ -8630,11 +8630,19 @@ breakpoint-mobile {
8630
8630
  .SegmentedControl-module_indicator__ryEKK {
8631
8631
  color: var(--color-contrast);
8632
8632
  background-color: var(--color-primary);
8633
- border-color: var(--color-primary);
8633
+ border: 2px solid var(--color-secondary);
8634
+ box-shadow: 0 1px 3px 0 var(--color-shadow);
8634
8635
  }
8635
8636
 
8636
8637
  .SegmentedControl-module_label__rC0gM {
8637
- font-weight: var(--font-weight-semibold);
8638
+ display: flex;
8639
+ align-items: center;
8640
+ justify-content: center;
8641
+ height: 40px;
8642
+ padding: 0 15px;
8643
+ font-size: 16px;
8644
+ font-weight: var(--font-weight-semibold);
8645
+ line-height: 1;
8638
8646
  color: var(--color-primary);
8639
8647
  text-transform: uppercase;
8640
8648
  }
@@ -9561,6 +9569,13 @@ breakpoint-mobile {
9561
9569
  background-color: var(--color-status-danger-primary);
9562
9570
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
9563
9571
  }
9572
+
9573
+ /* * */
9574
+ /* PROPS / CLICKABLE */
9575
+
9576
+ .styles-module_tag__9r5VH[data-clickable='true'] {
9577
+ cursor: pointer;
9578
+ }
9564
9579
  .styles-module_root__4q9aw {
9565
9580
  color: var(--color-system-text-100);
9566
9581
  }
package/dist/styles.css CHANGED
@@ -8685,11 +8685,19 @@ breakpoint-mobile {
8685
8685
  .SegmentedControl-module_indicator__ryEKK {
8686
8686
  color: var(--color-contrast);
8687
8687
  background-color: var(--color-primary);
8688
- border-color: var(--color-primary);
8688
+ border: 2px solid var(--color-secondary);
8689
+ box-shadow: 0 1px 3px 0 var(--color-shadow);
8689
8690
  }
8690
8691
 
8691
8692
  .SegmentedControl-module_label__rC0gM {
8692
- font-weight: var(--font-weight-semibold);
8693
+ display: flex;
8694
+ align-items: center;
8695
+ justify-content: center;
8696
+ height: 40px;
8697
+ padding: 0 15px;
8698
+ font-size: 16px;
8699
+ font-weight: var(--font-weight-semibold);
8700
+ line-height: 1;
8693
8701
  color: var(--color-primary);
8694
8702
  text-transform: uppercase;
8695
8703
  }
@@ -9616,6 +9624,13 @@ breakpoint-mobile {
9616
9624
  background-color: var(--color-status-danger-primary);
9617
9625
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
9618
9626
  }
9627
+
9628
+ /* * */
9629
+ /* PROPS / CLICKABLE */
9630
+
9631
+ .styles-module_tag__9r5VH[data-clickable='true'] {
9632
+ cursor: pointer;
9633
+ }
9619
9634
  .styles-module_root__4q9aw {
9620
9635
  color: var(--color-system-text-100);
9621
9636
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250402.1625.01",
3
+ "version": "20250402.1655.51",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {