@aziontech/theme 0.1.0

package/src/azion/variables/_data.scss

@@ -0,0 +1,346 @@
+/// Background of a paginator
+/// @group data
+$paginatorBg: var(--paginator-bg);
+
+/// Text color of a paginator
+/// @group data
+$paginatorTextColor: $textSecondaryColor;
+
+/// Border of a paginator
+/// @group data
+$paginatorBorder: solid var(--paginator-border);
+
+/// Border width of a paginator
+/// @group data
+$paginatorBorderWidth: none;
+
+/// Padding of a paginator
+/// @group data
+$paginatorPadding: 0.5rem 1rem;
+
+/// Width of a paginator element
+/// @group data
+$paginatorElementWidth: $buttonIconOnlyWidth;
+
+/// Height of a paginator element
+/// @group data
+$paginatorElementHeight: $buttonIconOnlyWidth;
+
+/// Background of a paginator element
+/// @group data
+$paginatorElementBg: transparent;
+
+/// Border of a paginator element
+/// @group data
+$paginatorElementBorder: 0 none;
+
+/// Icon color of a paginator element
+/// @group data
+$paginatorElementIconColor: $textSecondaryColor;
+
+/// Background of a paginator element in hover state
+/// @group data
+$paginatorElementHoverBg: var(--paginator-element-hover-bg);
+
+/// Border color of a paginator element in hover state
+/// @group data
+$paginatorElementHoverBorderColor: transparent;
+
+/// Icon color of a paginator element in hover state
+/// @group data
+$paginatorElementIconHoverColor: $textSecondaryColor;
+
+/// Border radius of a paginator element
+/// @group data
+$paginatorElementBorderRadius: $borderRadius;
+
+/// Margin of a paginator element
+/// @group data
+$paginatorElementMargin: 0.143rem;
+
+/// Padding of a paginator element
+/// @group data
+$paginatorElementPadding: 0;
+
+/// Border of a table header
+/// @group data
+$tableHeaderBorder: 1px solid var(--surface-border);
+
+/// Border width of a table header
+/// @group data
+$tableHeaderBorderWidth: 0 0 1px 0;
+
+/// Background of a table header
+/// @group data
+$tableHeaderBg: var(--paginator-bg);
+
+/// Text color of a table header
+/// @group data
+$tableHeaderTextColor: $textColor;
+
+/// Font weight of a table header
+/// @group data
+$tableHeaderFontWeight: var(--table-header-font-weight);
+
+/// Padding of a table header, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
+/// @group data
+$tableHeaderPadding: 0.875rem 0.875rem;
+
+/// Padding of a table header cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
+/// @group data
+$tableHeaderCellPadding: 0.595rem 0.875rem;
+
+/// Background of a table header cell
+/// @group data
+$tableHeaderCellBg: var(--table-header-cell-bg);
+
+/// Text color of a table header cell
+/// @group data
+$tableHeaderCellTextColor: $textColor;
+
+/// Font weight of a table header cell
+/// @group data
+$tableHeaderCellFontWeight: var(--table-cell-font-weight);
+
+/// Border of a table header cell
+/// @group data
+$tableHeaderCellBorder: 1px solid var(--surface-border);
+
+/// Border width of a table header cell
+/// @group data
+$tableHeaderCellBorderWidth: 0 0 1px 0;
+
+/// Background of a table header cell in hover state
+/// @group data
+$tableHeaderCellHoverBg: var(--table-header-cell-hover-bg);
+
+/// Text color of a table header cell in hover state
+/// @group data
+$tableHeaderCellTextHoverColor: $textColor;
+
+/// Icon color of a table header cell
+/// @group data
+$tableHeaderCellIconColor: $textSecondaryColor;
+
+/// Icon color of a table header cell in hover state
+/// @group data
+$tableHeaderCellIconHoverColor: $textSecondaryColor;
+
+/// Background of a table header cell in sorted state
+/// @group data
+$tableHeaderCellHighlightBg: var(--table-header-cell-highlight-bg);
+
+/// Text color of a table header cell in sorted state
+/// @group data
+$tableHeaderCellHighlightTextColor: var(--primary-color);
+
+/// Hover background of a table header cell in sorted state
+/// @group data
+$tableHeaderCellHighlightHoverBg: var(--table-cell-highlight-hover-bg);
+
+/// Hover text color of a table header cell in sorted state
+/// @group data
+$tableHeaderCellHighlightTextHoverColor: var(--primary-color);
+
+/// Size of a multiple column sorting order indicator
+/// @group data
+$tableSortableColumnBadgeSize: 1.143rem;
+
+/// Background of a table body row
+/// @group data
+$tableBodyRowBg: var(--table-bg-color);
+
+/// Text color of a table body row
+/// @group data
+$tableBodyRowTextColor: $textColor;
+
+/// Background of an even table body row
+/// @group data
+$tableBodyRowEvenBg: var(--table-body-row-even-bg);
+
+/// Background of a table body row in hover state
+/// @group data
+$tableBodyRowHoverBg: var(--table-body-row-hover-bg);
+
+/// Text color of a table body row in hover state
+/// @group data
+$tableBodyRowTextHoverColor: $textColor;
+
+/// Border for a cell of a table toby row
+/// @group data
+$tableBodyCellBorder: 1px solid var(--surface-border);
+
+/// Border width for a cell of a table toby row
+/// @group data
+$tableBodyCellBorderWidth: 0 0 1px 0;
+
+/// Padding for a cell of a table toby row, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
+/// @group data
+$tableBodyCellPadding: 0.595rem 0.875rem;
+
+/// Padding of a table footer cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
+/// @group data
+$tableFooterCellPadding: 0.595rem 0.875rem;
+
+/// Background of a table footer cell
+/// @group data
+$tableFooterCellBg: var(--table-header-cell-highlight-bg);
+
+/// Text color of a table footer cell
+/// @group data
+$tableFooterCellTextColor: $textColor;
+
+/// Font weight of a table footer cell
+/// @group data
+$tableFooterCellFontWeight: 600;
+
+/// Border of a table footer cell
+/// @group data
+
+/// Border of a table footer cell
+/// @group data
+$tableFooterCellBorder: 1px solid var(--surface-border);
+
+/// Border width of a table footer cell
+/// @group data
+$tableFooterCellBorderWidth: 0 0 1px 0;
+
+/// Backgground of a table column resize indicator bar
+/// @group data
+$tableResizerHelperBg: var(--primary-color);
+
+/// Border of a table footer
+/// @group data
+$tableFooterBorder: 1px solid #e9ecef;
+
+/// Border width of a table footer
+/// @group data
+$tableFooterBorderWidth: 0 0 1px 0;
+
+/// Background of a table footer
+/// @group data
+$tableFooterBg: #f8f9fa;
+
+/// Text color of a table footer
+/// @group data
+$tableFooterTextColor: $textColor;
+
+/// Font weight of a table footer
+/// @group data
+$tableFooterFontWeight: 600;
+
+/// Padding of a table footer, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
+/// @group data
+$tableFooterPadding: 0.875rem 0.875rem;
+
+/// Content alignment of a table cell
+/// @group data
+$tableCellContentAlignment: left;
+
+/// Border width of a table paginator positioned at top
+/// @group data
+$tableTopPaginatorBorderWidth: none;
+
+/// Border width of a table paginator positioned at bottom
+/// @group data
+$tableBottomPaginatorBorderWidth: none;
+
+/// Scale factor of a small datatable
+/// @group data
+$tableScaleSM: 0.5;
+
+/// Scale factor of a large datatable
+/// @group data
+$tableScaleLG: 1.25;
+
+/// Padding for content section of a dataview
+/// @group data
+$dataViewContentPadding: 0;
+
+/// Border for content section of a dataview
+/// @group data
+$dataViewContentBorder: 0 none;
+
+/// Border for an item of a dataview in list orientation
+/// @group data
+$dataViewListItemBorder: solid var(--table-footer-border);
+
+/// Border width for an item of a dataview in list orientation
+/// @group data
+$dataViewListItemBorderWidth: 0 0 1px 0;
+
+/// Background of a full calendar event
+/// @group data
+$fullCalendarEventBg: var(--primary-dark-color);
+
+/// Border color of a full calendar event
+/// @group data
+$fullCalendarEventBorderColor: var(--primary-dark-color);
+
+/// Border of a full calendar event
+/// @group data
+$fullCalendarEventBorder: 1px solid var(--primary-dark-color);
+
+/// Text color of a full calendar event
+/// @group data
+$fullCalendarEventTextColor: var(--primary-text-color);
+
+/// Padding of a tree
+/// @group data
+$treeContainerPadding: 0.286rem;
+
+/// Padding of a tree node
+/// @group data
+$treeNodePadding: 0.143rem;
+
+/// Padding of a tree node content consists of toggler, icon and label
+/// @group data
+$treeNodeContentPadding: 0.5rem;
+
+/// Padding of a tree node children container
+/// @group data
+$treeNodeChildrenPadding: 0 0 0 1rem;
+
+/// Color of a treenode data icon, $dataActionIconColor for the toggler element
+/// @group data
+$treeNodeIconColor: $textSecondaryColor;
+
+/// Padding of a vertical timeline content element
+/// @group data
+$timelineVerticalEventContentPadding: 0 1rem;
+
+/// Padding of a horizontal timeline content element
+/// @group data
+$timelineHorizontalEventContentPadding: 1rem 0;
+
+/// Width of a timeline marker
+/// @group data
+$timelineEventMarkerWidth: 1rem;
+
+/// Height of a timeline marker
+/// @group data
+$timelineEventMarkerHeight: 1rem;
+
+/// Border radius of a timeline marker
+/// @group data
+$timelineEventMarkerBorderRadius: 50%;
+
+/// Border of a timeline marker
+/// @group data
+$timelineEventMarkerBorder: 2px solid $highlightBg;
+
+/// Background of a timeline marker
+/// @group data
+$timelineEventMarkerBackground: $highlightTextColor;
+
+/// Size of a timeline connector
+/// @group data
+$timelineEventConnectorSize: 2px;
+
+/// Color of a timeline event
+/// @group data
+$timelineEventColor: var(--surface-border);
+
+/// Color of a line to connect to organization chart nodes
+/// @group data
+$organizationChartConnectorColor: var(--surface-border);