@tmlmobilidade/ui 0.0.4 → 20250122.1933.16

package/dist/esm/types/src/components/common/index.d.ts

@@ -11,3 +11,4 @@ export { default as Switch } from './Switch';
 export { default as Slider } from './Slider';
 export { default as ActionIcon } from './ActionIcon';
 export { default as Menu } from './Menu';
+export * from './AppLogos';

package/dist/index.d.ts

@@ -94,6 +94,12 @@ declare namespace Menu {
     var Label: (props: MenuLabelProps) => react_jsx_runtime.JSX.Element;
 }
 
+declare function CMIcon(): react_jsx_runtime.JSX.Element;
+declare function CMLogo(): react_jsx_runtime.JSX.Element;
+declare function TMLogoLight(): react_jsx_runtime.JSX.Element;
+declare function TMLogoDark(): react_jsx_runtime.JSX.Element;
+declare function TMLogo(): react_jsx_runtime.JSX.Element;
+
 interface Props$1 extends React.HTMLAttributes<HTMLDivElement> {
     columns?: 'a' | 'aab' | 'ab' | 'abb' | 'abc' | 'abcd';
     hAlign?: 'center' | 'end' | 'start';
@@ -376,4 +382,4 @@ declare function LoginForm({ authUrl, classNames, footerLinks, title, descriptio
 
 declare function useScreenSize(): "mobile" | "tablet" | "desktop" | undefined;
 
-export { ActionIcon, Badge, Component$4 as Button, Checkbox, Component as Combobox, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, Grid, LoginForm, Menu, Component$2 as PasswordInput, Section, SegmentedControl, Sidebar, Slider, Spacer, Surface, Switch, Component$1 as TextArea, Component$3 as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, Tooltip, useScreenSize, useTheme };
+export { ActionIcon, Badge, Component$4 as Button, CMIcon, CMLogo, Checkbox, Component as Combobox, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, Grid, LoginForm, Menu, Component$2 as PasswordInput, Section, SegmentedControl, Sidebar, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Component$1 as TextArea, Component$3 as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, Tooltip, useScreenSize, useTheme };

package/dist/styles.css

@@ -886,6 +886,245 @@ breakpoint-mobile {
 .styles-module_arrow__pmKfn {
     border: 1px solid var(--color-system-border-100);
 }
+/* * */
+/* INPUT */
+
+.text-input-module_input__9C3ID {
+	height: auto;
+	max-height: none;
+	font-size: var(--font-size-base);
+	line-height: 1;
+	padding: 10px 15px;
+	border: 2px solid var(--color-system-text-300);
+	border-radius: var(--border-radius-sm);
+	background-color: var(--color-system-background-100);
+	font-weight: var(--font-weight-medium);
+}
+
+.text-input-module_input__9C3ID::placeholder {
+	color: var(--color-system-text-300);
+}
+
+.text-input-module_wrapper__jrJs0[data-with-left-section="true"] .text-input-module_input__9C3ID {
+	padding-left: calc(var(--size-spacing-md) + 30px);
+}
+
+.text-input-module_wrapper__jrJs0[data-with-right-section="true"] .text-input-module_input__9C3ID {
+	padding-right: calc(var(--size-spacing-md) + 30px);
+}
+
+.text-input-module_input__9C3ID.text-input-module_variantWhite__M5THF {
+	color: var(--color-primary-black);
+	border-color: #bebec8;
+	background-color: var(--color-primary-white);
+}
+
+/* * */
+/* SECTION */
+
+.text-input-module_section__uYM8p {
+	display: flex;
+	width: auto;
+	padding: var(--size-spacing-md);
+	color: var(--color-system-text-300);
+}
+
+.text-input-module_section__uYM8p[data-position="left"] {
+	pointer-events: none;
+}
+
+.text-input-module_section__uYM8p.text-input-module_variantWhite__M5THF {
+	color: var(--color-system-text-300);
+}
+
+.text-input-module_sizeSm__9YY9u{
+	line-height: var(--line-height-sm);
+	font-size: 1px;
+}
+
+/* * */
+/* LABEL */
+
+.text-input-module_label__sLogM {
+	color: var(--color-system-text-100);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-medium);
+}
+
+/* * */
+/* DESCRIPTION */
+
+.text-input-module_description__hPkID {
+	margin-top: var(--size-spacing-xs);
+	margin-bottom: var(--size-spacing-xs);
+	color: var(--color-system-text-200);
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+}
+/* * */
+/* INPUT */
+
+.text-input-sm-module_input__u-uh6 {
+	height: auto;
+	max-height: none;
+	font-size: var(--font-size-sm);
+	line-height: 1;
+	padding: 10px 15px;
+	border: 2px solid var(--color-system-text-300);
+	border-radius: var(--border-radius-sm);
+	background-color: var(--color-system-background-100);
+	font-weight: var(--font-weight-medium);
+}
+
+.text-input-sm-module_input__u-uh6::placeholder {
+	color: var(--color-system-text-300);
+}
+
+.text-input-sm-module_wrapper__H9JIX[data-with-left-section="true"] .text-input-sm-module_input__u-uh6 {
+	padding-left: calc(var(--size-spacing-sm) + 30px);
+}
+
+.text-input-sm-module_wrapper__H9JIX[data-with-right-section="true"] .text-input-sm-module_input__u-uh6 {
+	padding-right: calc(var(--size-spacing-sm) + 30px);
+}
+
+.text-input-sm-module_input__u-uh6.text-input-sm-module_variantWhite__k4HFB {
+	color: var(--color-primary-black);
+	border-color: #bebec8;
+	background-color: var(--color-primary-white);
+}
+
+/* * */
+/* SECTION */
+
+.text-input-sm-module_section__UXn50 {
+	display: flex;
+	width: auto;
+	padding: var(--size-spacing-sm);
+	color: var(--color-system-text-300);
+}
+
+.text-input-sm-module_section__UXn50[data-position="left"] {
+	pointer-events: none;
+}
+
+.text-input-sm-module_section__UXn50.text-input-sm-module_variantWhite__k4HFB {
+	color: var(--color-system-text-300);
+}
+
+.text-input-sm-module_sizeSm__LE66I{
+	line-height: var(--line-height-sm);
+	font-size: 1px;
+}
+
+/* * */
+/* LABEL */
+
+.text-input-sm-module_label__Tjn5U {
+	color: var(--color-system-text-100);
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+}
+
+/* * */
+/* DESCRIPTION */
+
+.text-input-sm-module_description__grwjQ {
+	margin-top: var(--size-spacing-xs);
+	margin-bottom: var(--size-spacing-xs);
+	color: var(--color-system-text-200);
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+}
+/* * */
+/* Input */
+
+.password-input-module_input__NVrbH {
+	padding: 10px 15px;
+}
+
+/* * */
+/* innerInput */
+
+.password-input-module_innerInput__TPTvT {
+	height: auto;
+	max-height: none;
+	font-size: var(--font-size-base);
+	line-height: 1;
+	padding: 10px 15px;
+	border: 2px solid var(--color-system-text-300);
+	border-radius: var(--border-radius-sm);
+	background-color: var(--color-system-background-100);
+	font-weight: var(--font-weight-medium);
+}
+
+.password-input-module_innerInput__TPTvT::placeholder {
+	color: var(--color-system-text-300);
+}
+
+.password-input-module_wrapper__YXz4D[data-with-left-section="true"] .password-input-module_innerInput__TPTvT {
+	padding-left: calc(var(--size-spacing-md) + 30px);
+}
+
+.password-input-module_wrapper__YXz4D[data-with-right-section="true"] .password-input-module_innerInput__TPTvT {
+	padding-right: calc(var(--size-spacing-md) + 30px);
+}
+
+.password-input-module_innerInput__TPTvT.password-input-module_variantWhite__cv16E {
+	color: var(--color-primary-black);
+	border-color: #bebec8;
+	background-color: var(--color-primary-white);
+}
+
+/* * */
+/* SECTION */
+
+.password-input-module_section__8q0Ec {
+	display: flex;
+	width: auto;
+	padding: var(--size-spacing-md);
+	color: var(--color-system-text-300);
+}
+
+.password-input-module_section__8q0Ec[data-position="left"] {
+	pointer-events: none;
+}
+
+.password-input-module_section__8q0Ec.password-input-module_variantWhite__cv16E {
+	color: var(--color-system-text-300);
+}
+
+.password-input-module_sizeSm__53ilT{
+	line-height: var(--line-height-sm);
+	font-size: 1px;
+}
+
+/* * */
+/* LABEL */
+
+.password-input-module_label__dDTkn {
+	color: var(--color-system-text-100);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-medium);
+}
+
+/* * */
+/* DESCRIPTION */
+
+.password-input-module_description__tW8I- {
+	margin-top: var(--size-spacing-xs);
+	margin-bottom: var(--size-spacing-xs);
+	color: var(--color-system-text-200);
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+}
+.styles-module_dropdown__9W7AN {
+    background-color: var(--color-system-background-200);
+    display: flex;
+    gap: var(--size-spacing-sm);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
 /* * */
 /* CONTAINER */
 
@@ -1375,245 +1614,6 @@ breakpoint-mobile {
     overflow-y: auto;
 }
   
-/* * */
-/* INPUT */
-
-.text-input-module_input__9C3ID {
-	height: auto;
-	max-height: none;
-	font-size: var(--font-size-base);
-	line-height: 1;
-	padding: 10px 15px;
-	border: 2px solid var(--color-system-text-300);
-	border-radius: var(--border-radius-sm);
-	background-color: var(--color-system-background-100);
-	font-weight: var(--font-weight-medium);
-}
-
-.text-input-module_input__9C3ID::placeholder {
-	color: var(--color-system-text-300);
-}
-
-.text-input-module_wrapper__jrJs0[data-with-left-section="true"] .text-input-module_input__9C3ID {
-	padding-left: calc(var(--size-spacing-md) + 30px);
-}
-
-.text-input-module_wrapper__jrJs0[data-with-right-section="true"] .text-input-module_input__9C3ID {
-	padding-right: calc(var(--size-spacing-md) + 30px);
-}
-
-.text-input-module_input__9C3ID.text-input-module_variantWhite__M5THF {
-	color: var(--color-primary-black);
-	border-color: #bebec8;
-	background-color: var(--color-primary-white);
-}
-
-/* * */
-/* SECTION */
-
-.text-input-module_section__uYM8p {
-	display: flex;
-	width: auto;
-	padding: var(--size-spacing-md);
-	color: var(--color-system-text-300);
-}
-
-.text-input-module_section__uYM8p[data-position="left"] {
-	pointer-events: none;
-}
-
-.text-input-module_section__uYM8p.text-input-module_variantWhite__M5THF {
-	color: var(--color-system-text-300);
-}
-
-.text-input-module_sizeSm__9YY9u{
-	line-height: var(--line-height-sm);
-	font-size: 1px;
-}
-
-/* * */
-/* LABEL */
-
-.text-input-module_label__sLogM {
-	color: var(--color-system-text-100);
-	font-size: var(--font-size-base);
-	font-weight: var(--font-weight-medium);
-}
-
-/* * */
-/* DESCRIPTION */
-
-.text-input-module_description__hPkID {
-	margin-top: var(--size-spacing-xs);
-	margin-bottom: var(--size-spacing-xs);
-	color: var(--color-system-text-200);
-	font-size: var(--font-size-sm);
-	font-weight: var(--font-weight-medium);
-}
-/* * */
-/* INPUT */
-
-.text-input-sm-module_input__u-uh6 {
-	height: auto;
-	max-height: none;
-	font-size: var(--font-size-sm);
-	line-height: 1;
-	padding: 10px 15px;
-	border: 2px solid var(--color-system-text-300);
-	border-radius: var(--border-radius-sm);
-	background-color: var(--color-system-background-100);
-	font-weight: var(--font-weight-medium);
-}
-
-.text-input-sm-module_input__u-uh6::placeholder {
-	color: var(--color-system-text-300);
-}
-
-.text-input-sm-module_wrapper__H9JIX[data-with-left-section="true"] .text-input-sm-module_input__u-uh6 {
-	padding-left: calc(var(--size-spacing-sm) + 30px);
-}
-
-.text-input-sm-module_wrapper__H9JIX[data-with-right-section="true"] .text-input-sm-module_input__u-uh6 {
-	padding-right: calc(var(--size-spacing-sm) + 30px);
-}
-
-.text-input-sm-module_input__u-uh6.text-input-sm-module_variantWhite__k4HFB {
-	color: var(--color-primary-black);
-	border-color: #bebec8;
-	background-color: var(--color-primary-white);
-}
-
-/* * */
-/* SECTION */
-
-.text-input-sm-module_section__UXn50 {
-	display: flex;
-	width: auto;
-	padding: var(--size-spacing-sm);
-	color: var(--color-system-text-300);
-}
-
-.text-input-sm-module_section__UXn50[data-position="left"] {
-	pointer-events: none;
-}
-
-.text-input-sm-module_section__UXn50.text-input-sm-module_variantWhite__k4HFB {
-	color: var(--color-system-text-300);
-}
-
-.text-input-sm-module_sizeSm__LE66I{
-	line-height: var(--line-height-sm);
-	font-size: 1px;
-}
-
-/* * */
-/* LABEL */
-
-.text-input-sm-module_label__Tjn5U {
-	color: var(--color-system-text-100);
-	font-size: var(--font-size-sm);
-	font-weight: var(--font-weight-medium);
-}
-
-/* * */
-/* DESCRIPTION */
-
-.text-input-sm-module_description__grwjQ {
-	margin-top: var(--size-spacing-xs);
-	margin-bottom: var(--size-spacing-xs);
-	color: var(--color-system-text-200);
-	font-size: var(--font-size-sm);
-	font-weight: var(--font-weight-medium);
-}
-/* * */
-/* Input */
-
-.password-input-module_input__NVrbH {
-	padding: 10px 15px;
-}
-
-/* * */
-/* innerInput */
-
-.password-input-module_innerInput__TPTvT {
-	height: auto;
-	max-height: none;
-	font-size: var(--font-size-base);
-	line-height: 1;
-	padding: 10px 15px;
-	border: 2px solid var(--color-system-text-300);
-	border-radius: var(--border-radius-sm);
-	background-color: var(--color-system-background-100);
-	font-weight: var(--font-weight-medium);
-}
-
-.password-input-module_innerInput__TPTvT::placeholder {
-	color: var(--color-system-text-300);
-}
-
-.password-input-module_wrapper__YXz4D[data-with-left-section="true"] .password-input-module_innerInput__TPTvT {
-	padding-left: calc(var(--size-spacing-md) + 30px);
-}
-
-.password-input-module_wrapper__YXz4D[data-with-right-section="true"] .password-input-module_innerInput__TPTvT {
-	padding-right: calc(var(--size-spacing-md) + 30px);
-}
-
-.password-input-module_innerInput__TPTvT.password-input-module_variantWhite__cv16E {
-	color: var(--color-primary-black);
-	border-color: #bebec8;
-	background-color: var(--color-primary-white);
-}
-
-/* * */
-/* SECTION */
-
-.password-input-module_section__8q0Ec {
-	display: flex;
-	width: auto;
-	padding: var(--size-spacing-md);
-	color: var(--color-system-text-300);
-}
-
-.password-input-module_section__8q0Ec[data-position="left"] {
-	pointer-events: none;
-}
-
-.password-input-module_section__8q0Ec.password-input-module_variantWhite__cv16E {
-	color: var(--color-system-text-300);
-}
-
-.password-input-module_sizeSm__53ilT{
-	line-height: var(--line-height-sm);
-	font-size: 1px;
-}
-
-/* * */
-/* LABEL */
-
-.password-input-module_label__dDTkn {
-	color: var(--color-system-text-100);
-	font-size: var(--font-size-base);
-	font-weight: var(--font-weight-medium);
-}
-
-/* * */
-/* DESCRIPTION */
-
-.password-input-module_description__tW8I- {
-	margin-top: var(--size-spacing-xs);
-	margin-bottom: var(--size-spacing-xs);
-	color: var(--color-system-text-200);
-	font-size: var(--font-size-sm);
-	font-weight: var(--font-weight-medium);
-}
-.styles-module_dropdown__9W7AN {
-    background-color: var(--color-system-background-200);
-    display: flex;
-    gap: var(--size-spacing-sm);
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
 /* * */
 /* HEADER */
 .styles-module_header__4P5BD {

package/package.json

@@ -1,87 +1,87 @@
 {
-  "name": "@tmlmobilidade/ui",
-  "version": "0.0.4",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "npm run clean && tsx scripts/watch.ts",
-    "build": "npm run clean && tsx scripts/build.ts",
-    "clean": "rm -rf dist"
-  },
-  "babel": {
-    "sourceType": "unambiguous",
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "targets": {
-            "chrome": 100,
-            "safari": 15,
-            "firefox": 91
-          }
-        }
-      ],
-      [
-        "@babel/preset-react",
-        {
-          "runtime": "automatic"
-        }
-      ],
-      "@babel/preset-typescript"
-    ]
-  },
-  "publishConfig": {
-    "directory": "dist",
-    "access": "public"
-  },
-  "author": "",
-  "license": "ISC",
-  "description": "",
-  "peerDependencies": {
-    "react": "^18.x || ^19.x",
-    "react-dom": "^18.x || ^19.x"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.24.6",
-    "@babel/preset-env": "^7.24.6",
-    "@babel/preset-react": "^7.24.6",
-    "@babel/preset-typescript": "^7.24.6",
-    "@rollup/plugin-commonjs": "^25.0.8",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/js-cookie": "^3.0.6",
-    "@types/luxon": "^3.4.2",
-    "@types/node": "22.10.3",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "19.0.0",
-    "nodemon": "^3.1.9",
-    "postcss": "^8.4.38",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "rollup": "^4.18.0",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "ts-node-dev": "^2.0.0",
-    "tslib": "^2.6.2",
-    "tsx": "^4.19.2",
-    "typescript": "^5.4.5"
-  },
-  "dependencies": {
-    "@mantine/core": "^7.16.0",
-    "@mantine/dates": "^7.16.0",
-    "@mantine/form": "^7.16.0",
-    "@mantine/hooks": "^7.16.0",
-    "@mantine/modals": "^7.16.0",
-    "@tabler/icons-react": "3.26.0",
-    "@tmlmobilidade/core-types": "^20250122.1750.21",
-    "clsx": "^2.1.1",
-    "js-cookie": "^3.0.5",
-    "luxon": "^3.5.0",
-    "react-viewport-list": "^7.1.2",
-    "rollup-preserve-directives": "^1.1.3"
-  }
-}
+	"name": "@tmlmobilidade/ui",
+	"version": "20250122.1933.16",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"dev": "npm run clean && tsx scripts/watch.ts",
+		"build": "npm run clean && tsx scripts/build.ts",
+		"clean": "rm -rf dist"
+	},
+	"babel": {
+		"sourceType": "unambiguous",
+		"presets": [
+			[
+				"@babel/preset-env",
+				{
+					"targets": {
+						"chrome": 100,
+						"safari": 15,
+						"firefox": 91
+					}
+				}
+			],
+			[
+				"@babel/preset-react",
+				{
+					"runtime": "automatic"
+				}
+			],
+			"@babel/preset-typescript"
+		]
+	},
+	"publishConfig": {
+		"directory": "dist",
+		"access": "public"
+	},
+	"author": "",
+	"license": "ISC",
+	"description": "",
+	"peerDependencies": {
+		"react": "^18.x || ^19.x",
+		"react-dom": "^18.x || ^19.x"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.24.6",
+		"@babel/preset-env": "^7.24.6",
+		"@babel/preset-react": "^7.24.6",
+		"@babel/preset-typescript": "^7.24.6",
+		"@rollup/plugin-commonjs": "^25.0.8",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-typescript": "^11.1.6",
+		"@types/js-cookie": "^3.0.6",
+		"@types/luxon": "^3.4.2",
+		"@types/node": "22.10.3",
+		"@types/react": "^19.0.0",
+		"@types/react-dom": "19.0.0",
+		"nodemon": "^3.1.9",
+		"postcss": "^8.4.38",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
+		"rollup": "^4.18.0",
+		"rollup-plugin-dts": "^6.1.1",
+		"rollup-plugin-postcss": "^4.0.2",
+		"ts-node-dev": "^2.0.0",
+		"tslib": "^2.6.2",
+		"tsx": "^4.19.2",
+		"typescript": "^5.4.5"
+	},
+	"dependencies": {
+		"@mantine/core": "^7.16.0",
+		"@mantine/dates": "^7.16.0",
+		"@mantine/form": "^7.16.0",
+		"@mantine/hooks": "^7.16.0",
+		"@mantine/modals": "^7.16.0",
+		"@tabler/icons-react": "3.26.0",
+		"@tmlmobilidade/core-types": "^20250122.1750.21",
+		"clsx": "^2.1.1",
+		"js-cookie": "^3.0.5",
+		"luxon": "^3.5.0",
+		"react-viewport-list": "^7.1.2",
+		"rollup-preserve-directives": "^1.1.3"
+	}
+}