sdga-ui 1.0.2 → 1.0.4

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 (119) hide show
  1. package/.editorconfig +23 -23
  2. package/.github/workflows/deploy.yml +57 -0
  3. package/.github/workflows/publish.yml +36 -33
  4. package/.prettierignore +73 -73
  5. package/.prettierrc +17 -17
  6. package/LICENSE +21 -21
  7. package/README.md +175 -167
  8. package/css/dga-ui.css +60 -30
  9. package/css/dga-ui.css.map +1 -1
  10. package/demo-angular/.editorconfig +17 -0
  11. package/demo-angular/.vscode/extensions.json +4 -0
  12. package/demo-angular/.vscode/launch.json +20 -0
  13. package/demo-angular/.vscode/tasks.json +42 -0
  14. package/demo-angular/README.md +59 -0
  15. package/demo-angular/angular.json +90 -0
  16. package/demo-angular/package-lock.json +10459 -0
  17. package/demo-angular/package.json +50 -0
  18. package/demo-angular/public/.nojekyll +0 -0
  19. package/demo-angular/public/favicon.ico +0 -0
  20. package/demo-angular/public/i18n/ar.json +239 -0
  21. package/demo-angular/public/i18n/en.json +239 -0
  22. package/demo-angular/src/app/app.config.ts +20 -0
  23. package/demo-angular/src/app/app.html +52 -0
  24. package/demo-angular/src/app/app.routes.ts +45 -0
  25. package/demo-angular/src/app/app.scss +430 -0
  26. package/demo-angular/src/app/app.spec.ts +23 -0
  27. package/demo-angular/src/app/app.ts +88 -0
  28. package/demo-angular/src/app/shared/code-example/code-example.component.html +30 -0
  29. package/demo-angular/src/app/shared/code-example/code-example.component.scss +183 -0
  30. package/demo-angular/src/app/shared/code-example/code-example.component.ts +78 -0
  31. package/demo-angular/src/app/views/alerts/alerts.component.html +155 -0
  32. package/demo-angular/src/app/views/alerts/alerts.component.scss +3 -0
  33. package/demo-angular/src/app/views/alerts/alerts.component.ts +134 -0
  34. package/demo-angular/src/app/views/bootstrap/bootstrap.component.html +14 -0
  35. package/demo-angular/src/app/views/bootstrap/bootstrap.component.scss +91 -0
  36. package/demo-angular/src/app/views/bootstrap/bootstrap.component.ts +23 -0
  37. package/demo-angular/src/app/views/buttons/buttons.component.html +289 -0
  38. package/demo-angular/src/app/views/buttons/buttons.component.scss +14 -0
  39. package/demo-angular/src/app/views/buttons/buttons.component.ts +155 -0
  40. package/demo-angular/src/app/views/cards/cards.component.html +156 -0
  41. package/demo-angular/src/app/views/cards/cards.component.html.backup +156 -0
  42. package/demo-angular/src/app/views/cards/cards.component.scss +11 -0
  43. package/demo-angular/src/app/views/cards/cards.component.ts +194 -0
  44. package/demo-angular/src/app/views/forms/forms.component.html +347 -0
  45. package/demo-angular/src/app/views/forms/forms.component.scss +3 -0
  46. package/demo-angular/src/app/views/forms/forms.component.ts +222 -0
  47. package/demo-angular/src/app/views/home/home.component.html +38 -0
  48. package/demo-angular/src/app/views/home/home.component.scss +35 -0
  49. package/demo-angular/src/app/views/home/home.component.ts +12 -0
  50. package/demo-angular/src/app/views/links/links.component.html +140 -0
  51. package/demo-angular/src/app/views/links/links.component.scss +60 -0
  52. package/demo-angular/src/app/views/links/links.component.ts +123 -0
  53. package/demo-angular/src/app/views/tables/tables.component.html +289 -0
  54. package/demo-angular/src/app/views/tables/tables.component.scss +3 -0
  55. package/demo-angular/src/app/views/tables/tables.component.ts +278 -0
  56. package/demo-angular/src/app/views/toasts/toasts.component.html +201 -0
  57. package/demo-angular/src/app/views/toasts/toasts.component.scss +0 -0
  58. package/demo-angular/src/app/views/toasts/toasts.component.ts +182 -0
  59. package/demo-angular/src/index.html +14 -0
  60. package/demo-angular/src/main.ts +6 -0
  61. package/demo-angular/src/styles.scss +4 -0
  62. package/demo-angular/tsconfig.app.json +15 -0
  63. package/demo-angular/tsconfig.json +33 -0
  64. package/demo-angular/tsconfig.spec.json +15 -0
  65. package/fonts/IBM_Plex_Sans_Arabic/OFL.txt +93 -93
  66. package/package.json +50 -47
  67. package/theme/_fonts.scss +58 -58
  68. package/theme/_functions.scss +11 -11
  69. package/theme/_variables.scss +50 -50
  70. package/theme/components/_accordion.scss +35 -35
  71. package/theme/components/_alerts.scss +11 -11
  72. package/theme/components/_badges.scss +8 -8
  73. package/theme/components/_breadcrumb.scss +13 -13
  74. package/theme/components/_buttons.scss +270 -270
  75. package/theme/components/_cards.scss +21 -21
  76. package/theme/components/_carousel.scss +33 -33
  77. package/theme/components/_content.scss +211 -211
  78. package/theme/components/_dropdowns.scss +45 -45
  79. package/theme/components/_forms-check.scss +124 -124
  80. package/theme/components/_forms-floating.scss +17 -17
  81. package/theme/components/_forms-inputs.scss +70 -70
  82. package/theme/components/_forms-range.scss +26 -26
  83. package/theme/components/_forms-select.scss +47 -47
  84. package/theme/components/_forms-switch.scss +63 -63
  85. package/theme/components/_forms-validation.scss +16 -16
  86. package/theme/components/_forms.scss +14 -14
  87. package/theme/components/_list-group.scss +26 -26
  88. package/theme/components/_modals.scss +42 -42
  89. package/theme/components/_navbar.scss +40 -40
  90. package/theme/components/_navigation.scss +151 -151
  91. package/theme/components/_offcanvas.scss +15 -15
  92. package/theme/components/_overlays.scss +112 -112
  93. package/theme/components/_pagination.scss +39 -39
  94. package/theme/components/_popovers.scss +26 -26
  95. package/theme/components/_progress.scss +11 -11
  96. package/theme/components/_spinners.scss +11 -11
  97. package/theme/components/_tables.scss +47 -47
  98. package/theme/components/_toasts.scss +16 -16
  99. package/theme/components/_tooltips.scss +15 -15
  100. package/theme/config/_base.scss +111 -111
  101. package/theme/config/_colors.scss +303 -303
  102. package/theme/config/_effects.scss +227 -227
  103. package/theme/config/_radius.scss +78 -78
  104. package/theme/config/_spacing.scss +155 -155
  105. package/theme/config/_typography.scss +118 -118
  106. package/theme/customizations/_alerts.scss +242 -242
  107. package/theme/customizations/_badges.scss +15 -15
  108. package/theme/customizations/_buttons.scss +209 -209
  109. package/theme/customizations/_cards.scss +117 -117
  110. package/theme/customizations/_forms-check.scss +278 -278
  111. package/theme/customizations/_forms-inputs.scss +9 -9
  112. package/theme/customizations/_forms-switch.scss +91 -91
  113. package/theme/customizations/_forms.scss +5 -5
  114. package/theme/customizations/_global.scss +25 -25
  115. package/theme/customizations/_links.scss +94 -46
  116. package/theme/customizations/_tables.scss +67 -67
  117. package/theme/customizations/_toasts.scss +221 -221
  118. package/theme/customizations/_utilities.scss +138 -138
  119. package/theme/dga-ui.scss +28 -28
package/theme/components/_accordion.scss CHANGED
@@ -1,35 +1,35 @@
1
- // Bootstrap 5.3 - Accordion Component Variables
2
-
3
- @use 'sass:color';
4
-
5
- $accordion-padding-y: 1rem;
6
- $accordion-padding-x: 1.25rem;
7
- $accordion-color: var(--#{$prefix}body-color);
8
- $accordion-bg: $white;
9
- $accordion-border-width: $border-width;
10
- $accordion-border-color: rgba($black, 0.125);
11
- $accordion-border-radius: $radius-sm;
12
- $accordion-inner-border-radius: calc(#{$accordion-border-radius} - #{$accordion-border-width});
13
-
14
- $accordion-body-padding-y: $accordion-padding-y;
15
- $accordion-body-padding-x: $accordion-padding-x;
16
-
17
- $accordion-button-padding-y: $accordion-padding-y;
18
- $accordion-button-padding-x: $accordion-padding-x;
19
- $accordion-button-color: var(--#{$prefix}body-color);
20
- $accordion-button-bg: $accordion-bg;
21
- $accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
22
- $accordion-button-active-bg: color.scale($primary, $lightness: 65%);
23
- $accordion-button-active-color: color.scale($primary, $lightness: -32%);
24
-
25
- $accordion-button-focus-border-color: $input-focus-border-color;
26
- $accordion-button-focus-box-shadow: $btn-focus-box-shadow;
27
-
28
- $accordion-icon-width: 1.25rem;
29
- $accordion-icon-color: $body-color;
30
- $accordion-icon-active-color: $accordion-button-active-color;
31
- $accordion-icon-transition: transform 0.2s ease-in-out;
32
- $accordion-icon-transform: rotate(-180deg);
33
-
34
- $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
35
- $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
1
+ // Bootstrap 5.3 - Accordion Component Variables
2
+
3
+ @use 'sass:color';
4
+
5
+ $accordion-padding-y: 1rem;
6
+ $accordion-padding-x: 1.25rem;
7
+ $accordion-color: var(--#{$prefix}body-color);
8
+ $accordion-bg: $white;
9
+ $accordion-border-width: 1px;
10
+ $accordion-border-color: rgba($black, 0.125);
11
+ $accordion-border-radius: $radius-sm;
12
+ $accordion-inner-border-radius: calc(#{$accordion-border-radius} - #{$accordion-border-width});
13
+
14
+ $accordion-body-padding-y: $accordion-padding-y;
15
+ $accordion-body-padding-x: $accordion-padding-x;
16
+
17
+ $accordion-button-padding-y: $accordion-padding-y;
18
+ $accordion-button-padding-x: $accordion-padding-x;
19
+ $accordion-button-color: var(--#{$prefix}body-color);
20
+ $accordion-button-bg: $accordion-bg;
21
+ $accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
22
+ $accordion-button-active-bg: color.scale($primary, $lightness: 65%);
23
+ $accordion-button-active-color: color.scale($primary, $lightness: -32%);
24
+
25
+ $accordion-button-focus-border-color: $input-focus-border-color;
26
+ $accordion-button-focus-box-shadow: $btn-focus-box-shadow;
27
+
28
+ $accordion-icon-width: 1.25rem;
29
+ $accordion-icon-color: $body-color;
30
+ $accordion-icon-active-color: $accordion-button-active-color;
31
+ $accordion-icon-transition: transform 0.2s ease-in-out;
32
+ $accordion-icon-transform: rotate(-180deg);
33
+
34
+ $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
35
+ $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
package/theme/components/_alerts.scss CHANGED
@@ -1,12 +1,12 @@
1
- $alert-padding-y: $spacer;
2
- $alert-padding-x: $spacer * 1.5;
3
- $alert-margin-bottom: 1rem;
4
- $alert-border-radius: $radius-md;
5
- $alert-link-font-weight: $font-weight-bold;
6
- $alert-border-width: var(--#{$prefix}border-width);
7
- $alert-dismissible-padding-r: $alert-padding-x * 3; // 3x covers width of x plus default padding on either side
8
- $alert-bg: var(--#{$prefix}alert-bg);
9
- $alert-border-color: var(--#{$prefix}border-color);
10
- $alert-icon-bg: var(--#{$prefix}alert-icon-bg);
11
- $alert-icon-color: var(--#{$prefix}alert-icon-color);
1
+ $alert-padding-y: $spacer;
2
+ $alert-padding-x: $spacer * 1.5;
3
+ $alert-margin-bottom: 1rem;
4
+ $alert-border-radius: $radius-md;
5
+ $alert-link-font-weight: $font-weight-bold;
6
+ $alert-border-width: var(--#{$prefix}border-width);
7
+ $alert-dismissible-padding-r: $alert-padding-x * 3; // 3x covers width of x plus default padding on either side
8
+ $alert-bg: var(--#{$prefix}alert-bg);
9
+ $alert-border-color: var(--#{$prefix}border-color);
10
+ $alert-icon-bg: var(--#{$prefix}alert-icon-bg);
11
+ $alert-icon-color: var(--#{$prefix}alert-icon-color);
12
12
  $alert-title-color: var(--#{$prefix}alert-title-color);
package/theme/components/_badges.scss CHANGED
@@ -1,8 +1,8 @@
1
- // Bootstrap 5.3 - Badge Component Variables
2
-
3
- $badge-font-size: 0.75em;
4
- $badge-font-weight: $font-weight-bold;
5
- $badge-color: $white;
6
- $badge-padding-y: 0.35em;
7
- $badge-padding-x: 0.65em;
8
- $badge-border-radius: $radius-sm;
1
+ // Bootstrap 5.3 - Badge Component Variables
2
+
3
+ $badge-font-size: 0.75em;
4
+ $badge-font-weight: $font-weight-bold;
5
+ $badge-color: $white;
6
+ $badge-padding-y: 0.35em;
7
+ $badge-padding-x: 0.65em;
8
+ $badge-border-radius: $radius-sm;
package/theme/components/_breadcrumb.scss CHANGED
@@ -1,13 +1,13 @@
1
- // Bootstrap 5.3 - Breadcrumb Component Variables
2
-
3
- $breadcrumb-font-size: $font-size-base;
4
- $breadcrumb-padding-y: 0.75rem;
5
- $breadcrumb-padding-x: 1rem;
6
- $breadcrumb-item-padding-x: 0.5rem;
7
- $breadcrumb-margin-bottom: 1rem;
8
- $breadcrumb-bg: $gray-100;
9
- $breadcrumb-divider-color: $gray-500;
10
- $breadcrumb-active-color: $gray-700;
11
- $breadcrumb-divider: "/";
12
- $breadcrumb-divider-flipped: $breadcrumb-divider;
13
- $breadcrumb-border-radius: $radius-sm;
1
+ // Bootstrap 5.3 - Breadcrumb Component Variables
2
+
3
+ $breadcrumb-font-size: $font-size-base;
4
+ $breadcrumb-padding-y: 0.75rem;
5
+ $breadcrumb-padding-x: 1rem;
6
+ $breadcrumb-item-padding-x: 0.5rem;
7
+ $breadcrumb-margin-bottom: 1rem;
8
+ $breadcrumb-bg: $gray-100;
9
+ $breadcrumb-divider-color: $gray-500;
10
+ $breadcrumb-active-color: $gray-700;
11
+ $breadcrumb-divider: "/";
12
+ $breadcrumb-divider-flipped: $breadcrumb-divider;
13
+ $breadcrumb-border-radius: $radius-sm;