@taiga-ui/styles 4.71.1 → 5.0.0-canary.2da416d

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 (71) hide show
  1. package/components/appearance.less +51 -0
  2. package/components/avatar.less +192 -0
  3. package/components/badge.less +127 -0
  4. package/components/block.less +118 -0
  5. package/components/button.less +135 -0
  6. package/components/checkbox.less +84 -0
  7. package/components/chip.less +131 -0
  8. package/components/comment.less +63 -0
  9. package/components/compass.less +49 -0
  10. package/components/group.less +172 -0
  11. package/components/icon.less +83 -0
  12. package/components/icons.less +79 -0
  13. package/components/label.less +51 -0
  14. package/components/like.less +67 -0
  15. package/components/link.less +69 -0
  16. package/components/message.less +33 -0
  17. package/components/notification.less +181 -0
  18. package/components/pin.less +164 -0
  19. package/components/progress-bar.less +117 -0
  20. package/components/radio.less +59 -0
  21. package/components/status.less +40 -0
  22. package/components/switch.less +104 -0
  23. package/components/textfield.less +362 -0
  24. package/components/title.less +80 -0
  25. package/components/toast.less +44 -0
  26. package/mixins/appearance.less +56 -0
  27. package/mixins/appearance.scss +57 -0
  28. package/mixins/browsers.less +23 -0
  29. package/mixins/browsers.scss +23 -0
  30. package/mixins/date-picker.less +152 -0
  31. package/mixins/date-picker.scss +152 -0
  32. package/mixins/miscellaneous.less +168 -0
  33. package/mixins/miscellaneous.scss +162 -0
  34. package/mixins/slider.less +67 -0
  35. package/mixins/slider.scss +67 -0
  36. package/package.json +9 -2
  37. package/taiga-ui-fonts.less +4 -0
  38. package/taiga-ui-theme.less +4 -0
  39. package/theme/appearance/accent.less +14 -0
  40. package/theme/appearance/action.less +38 -0
  41. package/theme/appearance/flat.less +23 -0
  42. package/theme/appearance/floating.less +21 -0
  43. package/theme/appearance/glass.less +30 -0
  44. package/theme/appearance/outline.less +78 -0
  45. package/theme/appearance/primary.less +48 -0
  46. package/theme/appearance/secondary.less +77 -0
  47. package/theme/appearance/status.less +125 -0
  48. package/theme/appearance/table.less +68 -0
  49. package/theme/appearance/textfield.less +80 -0
  50. package/theme/appearance.less +12 -0
  51. package/theme/palette.less +161 -0
  52. package/theme/variables.less +71 -0
  53. package/utils.less +6 -0
  54. package/utils.scss +6 -0
  55. package/variables/media.less +23 -0
  56. package/variables/media.scss +23 -0
  57. package/basic/keyframes.less +0 -19
  58. package/basic/main.less +0 -80
  59. package/markup/tui-container.less +0 -64
  60. package/markup/tui-form.less +0 -145
  61. package/markup/tui-island.less +0 -200
  62. package/markup/tui-list.less +0 -136
  63. package/markup/tui-mobile-only.less +0 -5
  64. package/markup/tui-required.less +0 -13
  65. package/markup/tui-row.less +0 -139
  66. package/markup/tui-skeleton.less +0 -43
  67. package/markup/tui-space.less +0 -52
  68. package/markup/tui-table.less +0 -184
  69. package/markup/tui-text.less +0 -61
  70. package/project.json +0 -35
  71. package/taiga-ui-global.less +0 -14
@@ -1,184 +0,0 @@
1
- @height-cell-large: 5rem;
2
-
3
- .tui-table {
4
- inline-size: 100%;
5
-
6
- &_layout_fixed {
7
- table-layout: fixed;
8
- }
9
-
10
- &__tr {
11
- .transition(background);
12
-
13
- outline: none;
14
-
15
- &:not(&_hover_disabled):hover {
16
- background: var(--tui-background-base-alt);
17
- }
18
-
19
- &:not(&_border_none) {
20
- border-block-end: 1px solid var(--tui-border-normal);
21
- }
22
-
23
- &_border_top {
24
- border-block-start: 1px solid var(--tui-border-normal);
25
- }
26
-
27
- &_cursor_pointer {
28
- cursor: pointer;
29
- }
30
- }
31
-
32
- &__th {
33
- .text-overflow();
34
-
35
- font: var(--tui-font-text-s);
36
- padding: 0.5rem 1rem;
37
- vertical-align: middle;
38
- block-size: 2.5rem;
39
- color: var(--tui-text-secondary);
40
- background: inherit;
41
-
42
- &_font-size_l,
43
- .tui-table_font-size_l & {
44
- font: var(--tui-font-text-m);
45
- }
46
- }
47
-
48
- &__td {
49
- font: var(--tui-font-text-m);
50
- padding: 1rem 1rem 0.875rem;
51
- vertical-align: top;
52
- overflow-wrap: break-word;
53
- block-size: 3.4375rem;
54
- color: var(--tui-text-primary);
55
- background: inherit;
56
-
57
- &_size_l,
58
- .tui-table_size_l & {
59
- block-size: @height-cell-large - 0.0625rem;
60
- }
61
-
62
- &_font-size_l,
63
- .tui-table_font-size_l & {
64
- font: var(--tui-font-text-l);
65
- }
66
-
67
- &_font-size_s,
68
- .tui-table_font-size_s & {
69
- font: var(--tui-font-text-s);
70
- }
71
-
72
- &_align_center {
73
- vertical-align: middle;
74
- }
75
- }
76
-
77
- &__td,
78
- &__th {
79
- box-sizing: border-box;
80
- text-align: start;
81
-
82
- .tui-table_size_l &::before {
83
- inline-size: 1rem;
84
- border-top-left-radius: 1rem;
85
- border-bottom-left-radius: 1rem;
86
- }
87
-
88
- &_first::before,
89
- &_last::before {
90
- content: '';
91
- position: absolute;
92
- top: 0;
93
- inline-size: 0.75rem;
94
- block-size: 100%;
95
- background: inherit;
96
- border-top-left-radius: 0.75rem;
97
- border-bottom-left-radius: 0.75rem;
98
- }
99
-
100
- &_first {
101
- position: relative;
102
- padding-inline-start: 0;
103
- overflow: visible;
104
-
105
- &::before {
106
- right: 100%;
107
- }
108
- }
109
-
110
- &_last {
111
- position: relative;
112
- padding-inline-end: 0;
113
- overflow: visible;
114
-
115
- &::before {
116
- left: 100%;
117
- transform: scaleX(-1);
118
- }
119
- }
120
-
121
- &_text_center {
122
- text-align: center;
123
- }
124
-
125
- &_text_right {
126
- text-align: end;
127
- }
128
-
129
- &_text_overflow {
130
- .text-overflow();
131
- }
132
- }
133
-
134
- &__subtext {
135
- font: var(--tui-font-text-s);
136
- margin: 0.25rem 0 0;
137
- color: var(--tui-text-tertiary);
138
- }
139
-
140
- &__sort {
141
- .button-clear();
142
- .transition(color);
143
-
144
- position: relative;
145
- display: inline-flex;
146
- align-items: center;
147
- outline: none;
148
- cursor: pointer;
149
-
150
- &:hover {
151
- color: var(--tui-text-primary);
152
- }
153
-
154
- &_active {
155
- color: var(--tui-text-action);
156
-
157
- &:hover {
158
- color: var(--tui-text-action-hover);
159
- }
160
- }
161
- }
162
-
163
- &__sort-icon {
164
- .center-top();
165
-
166
- left: 100%;
167
- margin-inline-start: 0.125rem;
168
- inline-size: 1rem;
169
- block-size: 1rem;
170
- flex-shrink: 0;
171
- opacity: 0;
172
-
173
- .tui-table__sort_active &,
174
- .tui-table__sort:hover & {
175
- .transition(transform);
176
-
177
- opacity: 1;
178
- }
179
-
180
- .tui-table__sort_active.tui-table__sort_up & {
181
- transform: rotate(180deg) translateY(50%);
182
- }
183
- }
184
- }
@@ -1,61 +0,0 @@
1
- .tui-text {
2
- &_h1 {
3
- font: var(--tui-font-heading-1);
4
- }
5
-
6
- &_h2 {
7
- font: var(--tui-font-heading-2);
8
- }
9
-
10
- &_h3 {
11
- font: var(--tui-font-heading-3);
12
- }
13
-
14
- &_h4 {
15
- font: var(--tui-font-heading-4);
16
- }
17
-
18
- &_h5 {
19
- font: var(--tui-font-heading-5);
20
- }
21
-
22
- &_h6 {
23
- font: var(--tui-font-heading-6);
24
- }
25
-
26
- &_body-xl {
27
- font: var(--tui-font-text-xl);
28
- }
29
-
30
- &_body-l {
31
- font: var(--tui-font-text-l);
32
- }
33
-
34
- &_body-l-2 {
35
- font: var(--tui-font-text-ui-l);
36
- }
37
-
38
- &_body-m {
39
- font: var(--tui-font-text-m);
40
- }
41
-
42
- &_body-m-2 {
43
- font: var(--tui-font-text-ui-m);
44
- }
45
-
46
- &_body-s {
47
- font: var(--tui-font-text-s);
48
- }
49
-
50
- &_body-s-2 {
51
- font: var(--tui-font-text-ui-s);
52
- }
53
-
54
- &_body-xs {
55
- font: var(--tui-font-text-xs);
56
- }
57
-
58
- &_bold {
59
- font-weight: bold;
60
- }
61
- }
package/project.json DELETED
@@ -1,35 +0,0 @@
1
- {
2
- "name": "styles",
3
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
4
- "sourceRoot": "projects/{projectName}",
5
- "projectType": "library",
6
- "prefix": "tui",
7
- "implicitDependencies": ["!testing"],
8
- "targets": {
9
- "build": {
10
- "executor": "nx:run-commands",
11
- "outputs": ["{workspaceRoot}/dist/{projectName}"],
12
- "options": {
13
- "command": "cd {projectRoot} && npx cpy ./* '../../dist/{projectName}'"
14
- }
15
- },
16
- "publish": {
17
- "executor": "nx:run-commands",
18
- "options": {
19
- "parallel": false,
20
- "forwardAllArgs": false,
21
- "commands": [
22
- "cp ./LICENSE ./dist/{projectName}",
23
- "ts-node ./scripts/publish.ts --path ./dist/{projectName} --dry-run {args.dry-run} --customVersion {args.customVersion} --customTag {args.customTag}"
24
- ]
25
- },
26
- "dependsOn": [
27
- {
28
- "target": "build",
29
- "params": "ignore",
30
- "dependencies": false
31
- }
32
- ]
33
- }
34
- }
35
- }
@@ -1,14 +0,0 @@
1
- @import '@taiga-ui/core/styles/taiga-ui-local.less';
2
- @import 'basic/keyframes.less';
3
- @import 'basic/main.less';
4
- @import 'markup/tui-container.less';
5
- @import 'markup/tui-form.less';
6
- @import 'markup/tui-island.less';
7
- @import 'markup/tui-list.less';
8
- @import 'markup/tui-mobile-only.less';
9
- @import 'markup/tui-required.less';
10
- @import 'markup/tui-row.less';
11
- @import 'markup/tui-skeleton.less';
12
- @import 'markup/tui-space.less';
13
- @import 'markup/tui-table.less';
14
- @import 'markup/tui-text.less';